[Bug Report][3.7.2] [email protected] Legacy API deprecation warnings

[jakubmatisak]

Environment

Vuetify Version: 3.7.2
Vue Version: 3.5.6
Browsers: Chrome 128.0.0.0
OS: Windows 10

Steps to reproduce

After upgrading sass to 1.79.1 in my project there are many warnings.
"Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0."

In version 1.79.0 was this warning message added by sass team. In reproduction link are included release notes.

Expected Behavior

Change Legacy API

Actual Behavior

Warnings everywhere :)

Reproduction Link

https://github.com/sass/dart-sass/blob/main/CHANGELOG.md

[userquin]

If you're using Vite in your application try replacing sass (legacy) with sass-embedded (modern): https://vuetifyjs.com/en/features/sass-variables/#build-performance

[KaelWD]

This is the responsibility of whatever bundler you're using, not vuetify.

[weicheng000]

...
import * as sass from "sass";

export default defineConfig({
...
css :{
    preprocessorOptions : {
      scss: {
        api: "modern",
        importers: [
          new sass.NodePackageImporter()
        ]
      },
      sass: {
        api: "modern",
        importers: [
          new sass.NodePackageImporter()
        ]
      },
    }
  },
...
})

Maybe can help you, if you are using vite.

[jakubmatisak]

Thank you all for help. I will replace sass with sass-modern. My bad.

[jakubmatisak]

If this would help anyone with the same problem in future:

1. I have changed dependency from sass to sass-embedded.
2. I have addded:

    css: {
        preprocessorOptions : {
            scss: {
                api: "modern-compiler",
            },
        }
    },

to vite.config.mjs

After these changes everything works fine.
Thank everyone.