refactor(design-tokens): move @theme declarations to individual token files

Consolidate the design system registration by removing the centralized
`@theme inline` block and all design token imports from globals.css.
Each token file now declares its own `@theme` rules directly, allowing
Tailwind 4 to auto-collect them and generate utility classes (e.g.
`bg-accent`, `p-md`, `rounded-lg`) without redundant re-mapping.

This simplifies globals.css, removes a layer of indirection, and keeps
the design token definitions co-located with their `@theme` exposure.
This commit is contained in:
2026-06-09 16:28:06 +08:00
parent e2f60bc4f2
commit 763bec4e74
12 changed files with 117 additions and 251 deletions
+19
View File
@@ -0,0 +1,19 @@
/**
* 间距 token
* 原始 Dart: lib/design/spacing.dart
*/
@theme {
--spacing-xs: 4px;
--spacing-sm: 8px;
--spacing-md: 12px;
--spacing-lg: 16px;
--spacing-xl: 20px;
--spacing-xxl: 24px;
--spacing-xxxl: 32px;
/* 扩展间距(迁移自 Flutter widgets */
--spacing-26: 26px;
--spacing-30: 30px;
--spacing-40: 40px;
--spacing-46: 46px;
}