将前端 TailwindCSS 版本从v3 升级到 v4

dashboard/tailwind.config.js

@@ -1,101 +1,2 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  darkMode: ['class'],
-  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
-  theme: {
-    extend: {
-      colors: {
-        border: 'hsl(var(--color-border))',
-        input: 'hsl(var(--color-input))',
-        ring: 'hsl(var(--color-ring))',
-        background: 'hsl(var(--color-background))',
-        foreground: 'hsl(var(--color-foreground))',
-        primary: {
-          DEFAULT: 'hsl(var(--color-primary))',
-          foreground: 'hsl(var(--color-primary-foreground))',
-        },
-        secondary: {
-          DEFAULT: 'hsl(var(--color-secondary))',
-          foreground: 'hsl(var(--color-secondary-foreground))',
-        },
-        muted: {
-          DEFAULT: 'hsl(var(--color-muted))',
-          foreground: 'hsl(var(--color-muted-foreground))',
-        },
-        accent: {
-          DEFAULT: 'hsl(var(--color-accent))',
-          foreground: 'hsl(var(--color-accent-foreground))',
-        },
-        card: {
-          DEFAULT: 'hsl(var(--color-card))',
-          foreground: 'hsl(var(--color-card-foreground))',
-        },
-        popover: {
-          DEFAULT: 'hsl(var(--color-popover))',
-          foreground: 'hsl(var(--color-popover-foreground))',
-        },
-        destructive: {
-          DEFAULT: 'hsl(var(--color-destructive))',
-          foreground: 'hsl(var(--color-destructive-foreground))',
-        },
-      },
-      borderRadius: {
-        lg: 'var(--visual-radius-lg)',
-        md: 'var(--visual-radius-md)',
-        sm: 'var(--visual-radius-sm)',
-        xl: 'var(--visual-radius-xl)',
-        full: 'var(--visual-radius-full)',
-      },
-      fontFamily: {
-        sans: 'var(--typography-font-family-base)',
-        mono: 'var(--typography-font-family-code)',
-      },
-      boxShadow: {
-        sm: 'var(--visual-shadow-sm)',
-        md: 'var(--visual-shadow-md)',
-        lg: 'var(--visual-shadow-lg)',
-        xl: 'var(--visual-shadow-xl)',
-      },
-      transitionDuration: {
-        fast: 'var(--animation-anim-duration-fast)',
-        normal: 'var(--animation-anim-duration-normal)',
-        slow: 'var(--animation-anim-duration-slow)',
-      },
-      keyframes: {
-        'slide-in-from-right': {
-          from: { transform: 'translateX(100%)' },
-          to: { transform: 'translateX(0)' },
-        },
-        'slide-out-to-right': {
-          from: { transform: 'translateX(0)' },
-          to: { transform: 'translateX(100%)' },
-        },
-        'slide-in-from-top': {
-          from: { transform: 'translateY(-100%)' },
-          to: { transform: 'translateY(0)' },
-        },
-        'slide-out-to-top': {
-          from: { transform: 'translateY(0)' },
-          to: { transform: 'translateY(-100%)' },
-        },
-        'fade-in': {
-          from: { opacity: '0' },
-          to: { opacity: '1' },
-        },
-        'fade-out': {
-          from: { opacity: '1' },
-          to: { opacity: '0' },
-        },
-      },
-      animation: {
-        'slide-in-from-right': 'slide-in-from-right 0.3s ease-out',
-        'slide-out-to-right': 'slide-out-to-right 0.2s ease-in',
-        'slide-in-from-top': 'slide-in-from-top 0.3s ease-out',
-        'slide-out-to-top': 'slide-out-to-top 0.2s ease-in',
-        'fade-in': 'fade-in 0.2s ease-out',
-        'fade-out': 'fade-out 0.15s ease-in',
-      },
-    },
-  },
-  plugins: [],
-}
+// Tailwind v4 theme tokens and custom utilities are defined in src/index.css.
+export default {}