Предупреждение об устаревании: устаревший JS API устарел и будет удален в Dart Sass 2.0.0. ⇐ CSS

[Anonymous]

Привет всем. Почему появляется ошибка «Предупреждение об устаревании: устаревший JS API устарел и будет удален в Dart Sass 2.0.0». происходить? Я искал ответ в других запросах о помощи, но не нашел ответа. Ответы по типу:

Код: Выделить всё

css: {
preprocessorOptions: {
scss: {
api: "modern-compiler", // or "modern", "legacy"
importers: [],
},
},
},

Они не помогают!
Вот моя конфигурация Vite:

Код: Выделить всё

// default.config.ts
export const defaultConfig: InlineConfig = {
css: {
preprocessorOptions: {
scss: {
api: "modern-compiler",
importers: [],
},
},
},
plugins: [
tsPaths(),
solidPlugin(),
],
resolve: {
alias: {
"@styles": path.resolve(__dirname, "src/styles"),
},
},
};

// dev.config.ts
export default defineConfig({
server: {
host: "0.0.0.0",
port: 3000,
strictPort: true,
open: true,
hmr: true,
},
...defaultConfig,
});

Мой файл пакета:

Код: Выделить всё

{
"name": "project",
"version": "0.0.0",
"description": "",
"type": "module",
"scripts": {
"dev": "vite --host",
"build": "VITE_APP_ENV=production vite build",
"serve": "vite preview"
},
"license": "MIT",
"devDependencies": {
"@fullhuman/postcss-purgecss": "^6.0.0",
"@types/node": "^22.5.5",
"@types/pako": "^2.0.3",
"@types/postcss-normalize": "^9.0.4",
"cssnano": "^7.0.6",
"lightningcss": "^1.27.0",
"postcss": "^8.4.47",
"postcss-combine-duplicated-selectors": "^10.0.3",
"sass": "^1.78.0",
"solid-devtools": "^0.29.2",
"svgo": "^3.3.2",
"terser": "^5.32.0",
"typescript": "^5.3.3",
"vconsole": "^3.15.1",
"vite": "^5.0.11",
"vite-bundle-visualizer": "^1.2.1",
"vite-plugin-html-minifier-terser": "^3.8.0",
"vite-plugin-solid": "^2.8.2",
"vite-plugin-solid-svg": "^0.8.1",
"vite-tsconfig-paths": "^5.0.1"
},
"dependencies": {
"@solidjs/router": "^0.14.5",
"lottie-web": "^5.12.2",
"pako": "^2.1.0",
"solid-js": "^1.8.11"
}
}

Я пробовал добавлять и удалять настройки scss и sass — не помогло. Удалил плагины, поменял конфиг, удалил пакеты - не помогло. Где ошибка - не понимаю
ОБНОВЛЕНИЕ: Чем вопрос отличается от остальных? Проблема касается версии Vite. Решение других проблем от других авторов найдено, но мой случай связан с vite, точнее с версией 5.4.х (подозреваю, что это 5.4.6, так как в 5.4.5 все работает)ОБНОВЛЕНИЕ 2: Я только что проверил другие версии Vite ниже 5.4.0, и проблема не устранена. При этом буквально день назад все было хорошо

Подробнее здесь: https://stackoverflow.com/questions/790 ... ed-in-dart

[SvyaT_T]

Удали sass и установи sass-embedded

добавь это:

Код: Выделить всё

  plugins: [react()],
  css: {
    preprocessorOptions: {
      scss: {
        api: "modern-compiler",
      },
    },
  },