新安装报错，样式报错问题

[manager668899]

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

╷
1 │ @import "@/styles/var.scss";
│ ^^^^^^^^^^^^^^^^^^^
╵
src/layouts/components/Tabs/components/MoreButton.vue 1:9 root stylesheet

Deprecation Warning: 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

╷
2 │ @import "../index.scss";
│ ^^^^^^^^^^^^^^^
╵
src/layouts/components/Tabs/components/MoreButton.vue 2:9 root stylesheet

[manager668899]

sass 1.80 不再支持 @import 需要使用 `@use’ 例如@use "@/variables.scss";

Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
More info: https://sass-lang.com/d/legacy-js-api

修改方法 vue.config.js:
export default defineConfig({
...
css: {
preprocessorOptions: {
scss: {
api: 'modern-compiler', // 修改api调用方式
},
},
},
...
});

[yuelaotou]

api: 'modern-compiler', // 修改api调用方式

这也不生效呢。。。