修复：打包警告问题

src/assets/styles/mixin.scss

@@ -1,3 +1,5 @@
+@use './variables.scss' as *;
+
 // // 水平垂直居中
 // @mixin flex-center {
 //   display: flex;

vite.config.ts

@@ -32,13 +32,15 @@ export default defineConfig({
   css: {
     preprocessorOptions: {
       scss: {
-        // 全局注入变量 + 混入
-        additionalData: `
-          @import "@/assets/styles/variables.scss";
-          @import "@/assets/styles/mixin.scss";
-        `
-      }
-    }
+        // 全局注入变量 + 混入（@use 替代已弃用的 @import）
+        additionalData: (source: string, filename: string) => {
+          if (/[/\\]variables\.scss$/.test(filename) || /[/\\]mixin\.scss$/.test(filename)) {
+            return source
+          }
+          return `@use "@/assets/styles/variables.scss" as *;\n@use "@/assets/styles/mixin.scss" as *;\n${source}`
+        },
+      },
+    },
   },
   build: {
     target: 'es2020',