Various deprecation warnings regarding Dart Sass 3.0.0 in JHipster generated scss files

[OmarHawk]

Overview of the issue

During build of the (Angular in my case) frontend, I do receive a lot of warnings regarding deprecations, e.g.:

Here are the ones that I see relevant (just samples, usages of (especially the first) are across all scss files):

[INFO] ./src/main/webapp/app/admin/docs/docs.component.scss?ngResource - Warning: Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
[INFO] Deprecation Warning on line 0, column 8 of file:///C:/Users/xxx/git/m/d/src/main/webapp/app/admin/docs/docs.component.scss:0:8:
[INFO] Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
[INFO]
[INFO] More info and automated migrator: https://sass-lang.com/d/import
[INFO]
[INFO] 0 | @import 'bootstrap/scss/functions';

[INFO] ./src/main/webapp/content/scss/global.scss - Warning: Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
[INFO] Deprecation Warning on line 29, column 20 of file:///C:/Users/xxx/git/m/d/src/main/webapp/content/scss/global.scss:29:20:
[INFO] Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
[INFO] Use color.mix instead.
[INFO]
[INFO] More info and automated migrator: https://sass-lang.com/d/import
[INFO]
[INFO] 29 |   background-color: mix($dropdown-link-hover-bg, $dropdown-link-active-bg, 50%);

Motivation for or Use Case

Should not produce warnings during build time.

Reproduce the error

Create an arbitrary application with Angular and maybe an entity. Build it. Observe Deprecation notices during frontend build

Related issues

Suggest a Fix

JHipster Version(s)

8.9.0

Browsers and Operating System

Windows 11

• Tickets opened without reproduction steps or that doesn't follows the template recommendation will be closed.
• This issue is prompt-related or an error that prevents JHipster from generating an application.
• I don't have a JDL otherwise I should open an JDL Issue
• The application is not successfully generated otherwise, I should open an Issue with jhipster info
• Checking this box is mandatory (this is just to show you read everything)

[mshima]

This is a bootstrap issue.
We have fixed sass dependency in react and vue frontends.
Since angular-cli manages sass dependency I don't think downgrading it is a good solution.

[pramodcr28]

I am also facing same issue what will be the solution ?

[mshima]

We can silent warning using workarounds in twbs/bootstrap#40962