Deprecation Warning: Vite uses deprecated sass.render() API in Dart Sass

[Gersondelacruzdeveloper]

Describe the bug

In projects using Vite (version 5.4.8) with Dart Sass for SCSS compilation, a deprecation warning appears regarding the use of the legacy JavaScript API in Dart Sass. The warning states that the sass.render() and sass.renderSync() methods are deprecated and will be removed in Dart Sass 2.0.0.

The deprecation warning is specifically triggered by Vite's internal code, which still references sass.render() in the following file:

vite/dist/node/chunks/dep-CDnG8rE7.js
Despite updating Vite and related dependencies to the latest versions, the deprecated API is still in use.

Reproduction

yarn create vite my-vite-app --template react cd my-vite-app

Steps to reproduce

Use Vite (5.4.8) in a project that compiles SCSS using Dart Sass.
Run the project and observe the console output.
A deprecation warning will appear about the sass.render() API.

System Info

LEASE_ARM64_T8103 arm64
Yarn 1.22.22
Node v22.2.0

Used Package Manager

npm

Logs

Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

More info: https://sass-lang.com/d/legacy-js-api

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[hi-ogawa]

Duplicate of #18164

Please follow sass's link https://sass-lang.com/d/legacy-js-api to address the warning on Vite. We plan to change the behavior on our side Vite 6.