SCSS Warning about deprecated functions

[hpardess]

I have purchased gradient-able-angular-free-admin-template (Angular 20 Version) but it has so many css warnings. Here are some of those warnings:

./src/styles.scss - Warning: Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 22, column 8 of file:///src/scss/settings/_custom-variables.scss:22:8:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use map.merge instead.

More info and automated migrator: https://sass-lang.com/d/import

22 | $grays: map-merge(
  (
    '100': $gray-100,
    '200': $gray-200,
    '300': $gray-300,
    '400': $gray-400,
    '500': $gray-500,
    '600': $gray-600,
    '700': $gray-700,
    '800': $gray-800,
    '900': $gray-900
  ),
  $grays
);


src/scss/settings/_custom-variables.scss 23:9  @import
src/styles.scss 32:9                           root stylesheet

./src/styles.scss - Warning: Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 26, column 8 of file:///src/styles.scss:26:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import

26 | @import 'scss/themes/font/theme-font';


src/styles.scss 27:9  root stylesheet


./src/styles.scss - Warning: Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 29, column 8 of file:///src/styles.scss:29:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import

29 | @import 'node_modules/bootstrap/scss/functions';


src/styles.scss 30:9  root stylesheet


./src/styles.scss - Warning: Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 30, column 8 of file:///src/styles.scss:30:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import

30 | @import 'node_modules/bootstrap/scss/variables';


src/styles.scss 31:9  root stylesheet


./src/styles.scss - Warning: Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 31, column 8 of file:///src/styles.scss:31:8:
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import

31 | @import 'scss/settings/custom-variables';


src/styles.scss 32:9  root stylesheet

./src/styles.scss - Warning: Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 120, column 15 of file:///src/scss/settings/_custom-variables.scss:120:15:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use map.merge instead.

More info and automated migrator: https://sass-lang.com/d/import

120 | $utilities-bg: map-merge(
  $utilities-colors,
  (
    'black': to-rgb($black),
    'white': to-rgb($white),
    'body': to-rgb($body-bg)
  )
);


src/scss/settings/_custom-variables.scss 121:16  @import
src/styles.scss 32:9                             root stylesheet

[ct-dixit]

The underlying cause relates to upstream dependencies, and both the Bootstrap and template development teams are aware of these issues and are working towards updates for full compatibility (more information can be found on the ongoing discussion: Github Issue