fix: 修复Sass的@import规则已弃用警告问题

src/styles/base.scss

@@ -1,4 +1,4 @@
-@import './var.scss';
+@use './var.scss' as *;
 
 body {
   --margin: 14px; // 通用外边距

src/styles/global.scss

@@ -1,5 +1,5 @@
 /* 全局样式 */
-@import './var.scss';
+@use './var.scss' as *;
 
 .w-full {
   width: 100%;

src/styles/index.scss

@@ -1,17 +1,17 @@
 // 基础样式
-@import './base.scss';
+@use './base.scss' as *;
 
 // 全局类名样式
-@import './global.scss';
+@use './global.scss' as *;
 
 // 自定义原生滚动条样式
-@import './scrollbar-reset.scss';
+@use './scrollbar-reset.scss' as *;
 
 // 自定义 nprogress 插件进度条颜色
-@import './nprogress.scss';
+@use './nprogress.scss' as *;
 
 // 富文本的css主题颜色变量
-@import './editor.scss';
+@use './editor.scss' as *;
 
 // 动画类名
-@import './animated.scss';
+@use './animated.scss' as *;

vite.config.ts

@@ -19,7 +19,7 @@ export default defineConfig(({ command, mode }) => {
     css: {
       preprocessorOptions: {
         scss: {
-          additionalData: `@import "@/styles/var.scss";`,
+          additionalData: `@use "@/styles/var.scss" as *;`,
           api: 'modern-compiler',
         },
       },