feat: modify the Tailwind configuration of the demo

Author: Ohh-889

playground/tailwind.config.ts

@@ -1,35 +1,9 @@
-import path from 'node:path';
-
+import { soybeanUIPlugin } from 'skyroc-tailwind-plugin';
 import type { Config } from 'tailwindcss';
 
 const config: Config = {
-  content: ['./src/**/*.{js,ts,jsx,tsx}', '../../packages/ui/src/**/*.{ts,tsx}'],
-  theme: {
-    extend: {
-      colors: {
-        accent: {
-          DEFAULT: 'var(--accent)',
-          foreground: 'var(--accent-foreground)'
-        },
-        background: 'var(--background)',
-        destructive: {
-          DEFAULT: 'var(--destructive)',
-          foreground: 'var(--destructive-foreground)'
-        },
-        foreground: 'var(--foreground)',
-        input: 'var(--input)',
-        primary: {
-          DEFAULT: 'var(--primary)',
-          foreground: 'var(--primary-foreground)'
-        },
-        ring: 'var(--ring)',
-        secondary: {
-          DEFAULT: 'var(--secondary)',
-          foreground: 'var(--secondary-foreground)'
-        }
-      }
-    }
-  }
+  darkMode: 'class',
+  plugins: [soybeanUIPlugin()]
 };
 
 export default config;