Fix Sass deprecation warnings in console logs #42

New issue

Closed

opened 2026-04-20 11:12:02 +00:00 by KattisLej · 0 comments

KattisLej commented

2026-04-20 11:12:02 +00:00

(Migrated from github.com)

Describe the bug

This is an familiar issue from using Bootstrap that uses Sass and the deprecation warnings that comes from that:

frontend-1 | ⚠ ./src/app/globals.scss
frontend-1 | Issue while running loader
frontend-1 | SassWarning: Deprecation Warning on line 8, column 8 of file:///app/node_modules/bootstrap/scss/bootstrap.scss:8:8:
frontend-1 | Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
frontend-1 |
frontend-1 | More info and automated migrator: https://sass-lang.com/d/import

Steps to reproduce

Start the application with docker ./compose-dev.sh up --build and then look at your console logs.

Environment

This is in the develop branch.

Expected behavior

Deprecation warning from Bootstrap library should be silenced

Additional context

In previous project this is done by adding the following to the next.config.ts:
sassOptions: {
silenceDeprecations: ["color-functions", "global-builtin", "import"],
},

## Describe the bug This is an familiar issue from using Bootstrap that uses Sass and the deprecation warnings that comes from that: > > frontend-1 | ⚠ ./src/app/globals.scss > frontend-1 | Issue while running loader > frontend-1 | SassWarning: Deprecation Warning on line 8, column 8 of file:///app/node_modules/bootstrap/scss/bootstrap.scss:8:8: > frontend-1 | Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. > frontend-1 | > frontend-1 | More info and automated migrator: https://sass-lang.com/d/import ## Steps to reproduce Start the application with docker `./compose-dev.sh up --build` and then look at your console logs. ### Environment This is in the develop branch. ## Expected behavior  - [ ] Deprecation warning from Bootstrap library should be silenced ## Additional context In previous project this is done by adding the following to the next.config.ts: sassOptions: { silenceDeprecations: ["color-functions", "global-builtin", "import"], },