fix: stylelint not work

internal/lint-configs/stylelint-config/package.json

@@ -40,7 +40,7 @@
     "postcss-html": "^1.7.0",
     "postcss-scss": "^4.0.9",
     "prettier": "^3.2.5",
-    "stylelint": "^16.6.0",
+    "stylelint": "^16.6.1",
     "stylelint-config-recommended": "^14.0.0",
     "stylelint-config-recommended-scss": "^14.0.0",
     "stylelint-config-recommended-vue": "^1.5.0",

internal/lint-configs/stylelint-config/src/index.ts

@@ -11,7 +11,7 @@ export default {
   overrides: [
     {
       customSyntax: 'postcss-html',
-      files: ['**/*.(css|html|vue)'],
+      files: ['*.(html|vue)', '**/*.(html|vue)'],
       rules: {
         'selector-pseudo-class-no-unknown': [
           true,

internal/tailwind-config/package.json

@@ -48,16 +48,19 @@
     "@iconify/json": "^2.2.214",
     "@iconify/tailwind": "^1.1.1",
     "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
     "@tailwindcss/typography": "^0.5.13",
     "autoprefixer": "^10.4.19",
     "cssnano": "^7.0.1",
     "postcss": "^8.4.38",
     "postcss-antd-fixes": "^0.2.0",
+    "postcss-import": "^16.1.0",
     "postcss-preset-env": "^9.5.14",
     "tailwindcss": "^3.4.3",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
+    "@types/postcss-import": "^14.0.3",
     "@vben/node-utils": "workspace:*"
   }
 }

internal/tailwind-config/src/index.ts

@@ -8,7 +8,6 @@ import typographyPlugin from '@tailwindcss/typography';
 import { fs, getPackagesSync } from '@vben/node-utils';
 import animate from 'tailwindcss-animate';
 
-import { plugins } from './plugins';
 // import defaultTheme from 'tailwindcss/defaultTheme';
 
 const { packages } = getPackagesSync();
@@ -30,13 +29,7 @@ export default {
     ),
   ],
   darkMode: 'class',
-  plugins: [
-    ...plugins,
-    animate,
-    formsPlugin,
-    typographyPlugin,
-    addDynamicIconSelectors(),
-  ],
+  plugins: [animate, formsPlugin, typographyPlugin, addDynamicIconSelectors()],
   prefix: '',
   safelist: ['dark'],
   theme: {

internal/tailwind-config/src/module.d.ts

@@ -0,0 +1,3 @@
+declare module '@tailwindcss/nesting' {
+  export default any;
+}

internal/tailwind-config/src/plugins.ts

@@ -1,22 +0,0 @@
-import type { Config } from 'tailwindcss';
-
-import plugin from 'tailwindcss/plugin';
-
-const flexCenterStyles = {
-  'align-items': 'center',
-  display: 'flex',
-  'justify-content': 'center',
-};
-
-const plugins = [
-  plugin(({ addUtilities }) => {
-    addUtilities({
-      '.flex-center': flexCenterStyles,
-      '.flex-col-center': {
-        ...flexCenterStyles,
-      },
-    });
-  }),
-] as unknown as Config['plugins'][];
-
-export { plugins };

internal/tailwind-config/src/postcss.config.ts

@@ -7,8 +7,9 @@ export default {
     autoprefixer: {},
     // 修复 element-plus 和 ant-design-vue 的样式和tailwindcss冲突问题
     'postcss-antd-fixes': { prefixes: ['ant', 'el'] },
+    'postcss-import': {},
     'postcss-preset-env': {},
-    // here to share the same config across the entire monorepo
     tailwindcss: { config },
+    'tailwindcss/nesting': {},
   },
 };

internal/vite-config/src/config/application.ts

@@ -55,11 +55,6 @@ function defineApplicationConfig(options: DefineAppcationOptions = {}) {
         legalComments: 'none',
       },
       plugins,
-      // css: {
-      //   preprocessorOptions: {
-      //     scss: {
-      //       additionalData: `@import "@vben-core/design/global";`,
-      //   },
       resolve: {
         alias: [
           {