【报错】Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0

问题描述：

在开发环境启动 vite@5、sass@1.69.x 项目后，发现控制台出现如下的 warning 报错：

原因分析：

其实通过报错提供的链接就可以知道，sass 提供的某些 js api 即将在 v2.0.0 的新版本中废弃了，提醒你及时更新

解决方案：

1. 降级 sass 版本到 1.32.13，这是没有警告的最后一个版本
2. 在 vite.config.ts 中关闭警告

   // vite.config.ts
   export default defineConfig({
   	css: {
       	preprocessorOptions: {
         		scss: {
           		// quietDeps: true, // 可以尝试，但在高版本中似乎不起作用
           		silenceDeprecations: ['legacy-js-api'],
         		}
       	}
     	}
   })
   

3. 前面两种方案指标不治本，最优解法是使用：

   // vite.config.ts
   export default defineConfig({
   	vite: {
           css: {
               preprocessorOptions: {
                   scss: {
                       api: 'modern-compiler', // or 'modern'
                   },
               },
           },
       },
   })