refactor: migrate UnoCSS attributify to class syntax across all components

[antfubot]

Description

Migrates the entire codebase off UnoCSS attributify mode and onto plain
class utilities, then removes presetAttributify() from the shared
presetDevToolsUI preset (packages/ui/src/unocss/index.ts) — the single place
attributify was enabled.

126 components across packages/ui, packages/rolldown, packages/vite,
packages/oxc and the core playground were rewritten. The conversion was done
with a codemod that reuses the real UnoCSS extractor/variant semantics, so the
mapping matches what attributify itself produced:

• boolean utilities move into class verbatim — flex items-center → class="flex items-center"
• grouped values expand to canonical utilities — border="~ base rounded-lg" → border border-base rounded-lg, flex="~ col gap-1" → flex flex-col gap-1, text="center xs" → text-center text-xs
• variant attributes become variant classes — hover="bg-active op100" → hover:bg-active hover:op100
• tokens merge into any existing class, leaving :class/:style/directives untouched

Correctness: every converted file was gated by a verifier that generates
CSS from the original (attributify) and the rewritten (class) template with the
real preset and asserts the resulting declarations are identical — 126/126 pass.
Component props that share a name with a utility (e.g. <DisplayBadge text="initial">)
are detected and left as props, not converted.

pnpm lint, pnpm typecheck, pnpm build and pnpm test (256 passed) are all green.

Linked Issues

Additional context

Reviewers may want to focus on:

• A few pre-existing dead tokens were dropped because they never applied in
  attributify (they don't take the group prefix, and the element carried no
  matching class): w-full in PluginFlowTimeline.vue (rolldown + vite),
  text-xs in DetailedList.vue (rolldown + vite), p1 in
  DisplayModuleGraph.vue (ui). If those styles were actually intended, they
  should be re-added as standalone classes in a follow-up.
• bg="base/10" in ModuleFlamegraph.vue / PluginDetailsLoader.vue (vite)
  never resolved (opacity on a shortcut) and was left in place as-is; it renders
  nothing today.

This PR was created with the help of an agent.

[pkg-pr-new]

Open in StackBlitz

@vitejs/devtools

npm i https://pkg.pr.new/vitejs/devtools/@vitejs/devtools@436

@vitejs/devtools-kit

npm i https://pkg.pr.new/vitejs/devtools/@vitejs/devtools-kit@436

@vitejs/devtools-oxc

npm i https://pkg.pr.new/vitejs/devtools/@vitejs/devtools-oxc@436

@vitejs/devtools-rolldown

npm i https://pkg.pr.new/vitejs/devtools/@vitejs/devtools-rolldown@436

@vitejs/devtools-vite

npm i https://pkg.pr.new/vitejs/devtools/@vitejs/devtools-vite@436

@vitejs/devtools-vitest

npm i https://pkg.pr.new/vitejs/devtools/@vitejs/devtools-vitest@436

commit: eb1a6b9