Sass Deprecation Warning [import] 解决

Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import

  ╷
1 │ @import "@/style/rem.scss";
  │         ^^^^^^^^^^^^^^^^^^
  ╵
    src\views\HomeView.vue 1:9  root stylesheet

升级到最新版-在项目中运行

pnpm install sass@latest sass-loader@latest

@import 被弃用
1.在项目的 vite.config.ts 文件中的修改 css->preprocessorOptions->scss 的[配置项]
**（as *;）必须加，不加会报错 **

 css: {
      preprocessorOptions: {
        scss: {
          additionalData: '@use "@/style/rem.scss" as *;',
          silenceDeprecations: ['legacy-js-api']
        }
      }
    },

引入也需要修改

@import "./rem.scss";
//------ 修改为------
@use "./rem.scss" as *;