🐥

The legacy JS API is deprecated and will be removed in Dart Saas 2.0.0

に公開
React
TypeScript
Vite
tech

はじめに

react開発において、pnpm run devしたときに

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

というメッセージが出続ける事象が発生。
「こいつ何？」ってなったので調べたことをまとめる

メッセージ内容

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

こちらは、Sass 2.0.0では削除された機能を使用していることにより生じている警告で、
Dart Sassの古いJavaScript APIが使用されていることで一生怒られているようです。
仮実装の段階であったため、一旦スルー。

対処法

vite.config.js(ts)ファイルに設定を追加すると治るみたいです。

import { defineConfig } from "vite";
 ...
export default defineConfig({
  ...
  css: {
    preprocessorOptions: {
      scss: {
        api: "modern-compiler",
      },
    },
  },
});

Discussion