legacy-js-api 将被scss被弃用

Deprecation Warning [legacy-js-api]: 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

Deprecation Warning [legacy-js-api]: 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

Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

官方链接：Sass: Breaking Change: Legacy JS API

错误原因：

使用 Dart Sass 的旧版 JS API。这个 API 已经被标记为弃用，将在 Dart Sass 2.0.0 中被移除。要解决这个问题，需要将代码迁移到现代的 JS API。

在项目中使用了 Sass，并且遇到 legacy-js-api 的警告，这通常是因为构建工具（如 Vite、Webpack 等）在底层调用了 Sass 的 JavaScript API。这种情况下，需要在构建工具的配置中进行调整，以使用现代的 Sass API。

解决办法：添加scss对现代API的支持

    css: {
      preprocessorOptions: {
        scss: {
          api: 'modern-compiler', // 或者使用 'modern'
        },
      },
    },

添加之后，报错消失：