resolve build wrong

.eslintrc.js

@@ -22,7 +22,8 @@ module.exports = defineConfig({
     'plugin:@typescript-eslint/recommended',
     'prettier',
     'plugin:prettier/recommended',
-    '@unocss'
+    '@unocss',
+    '@unocss/eslint-config'
   ],
   rules: {
     'vue/no-setup-props-destructure': 'off',

eslintrc.js

@@ -1,3 +0,0 @@
-extends: [
-  '@unocss/eslint-config',
-]

src/styles/global.module.scss

@@ -1,4 +1,4 @@
-@import './variables.scss';
+@use './variables.scss' as *;
 // 导出变量
 :export {
   namespace: $namespace;

src/styles/index.scss

@@ -1,5 +1,5 @@
+@use './FormCreate/index.scss';
 @import './var.css';
-@import './FormCreate/index.scss';
 @import 'element-plus/theme-chalk/dark/css-vars.css';
 
 .reset-margin [class*='el-icon'] + span {

vite.config.ts

@@ -43,7 +43,7 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
     css: {
       preprocessorOptions: {
         scss: {
-          additionalData: '@import "./src/styles/variables.scss";',
+          additionalData: '@use "./src/styles/variables.scss" as *;',
           javascriptEnabled: true
         }
       }