npmvite95% confidence\u2191 96

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

Full error message

I was using create-react-app before and now I switched the same project to vite and everything working fine except I am getting a warning log as follows

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

I want to get rid of these warnings from log while development and build the application. Following are my dependencies

{
  "dependencies": {
    "@heroicons/react": "^2.1.5",
    "@tanstack/react-table": "^8.17.3",
    "i18next": "^23.12.1",
    "i18next-browser-languagedetector": "^8.0.0",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-i18next": "^14.1.3",
    "react-indiana-drag-scroll": "^2.2.0",
    "react-toastify": "^10.0.5",
    "recharts": "^2.13.0-alpha.4",
    "recoil": "^0.7.7",
    "sass": "^1.79.1",
    "uuid": "^10.0.0"
  }
}

Node version is v22.7.0

Solutionsource: stackoverflow \u2197

The default API when using Vite is currently set to legacy, but you can change it in your vite.config.[js/ts]. export default defineConfig({ css: { preprocessorOptions: { scss: { api: 'modern-compiler' // or "modern" } } } }) Reference: https://vitejs.dev/config/shared-options#css-preprocessoroptions

API access

Get this solution programmatically \u2014 free, no authentication.

curl https://depscope.dev/api/error/b339b851a0d6f764b0c054bf00fb278fc51388e015dc3e389f6ef998210f3512

hash \u00b7 b339b851a0d6f764b0c054bf00fb278fc51388e015dc3e389f6ef998210f3512