SCSS Warning about deprecated functions

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

Start with the warnings in src/styles.scss and src/scss/settings/_custom-variables.scss, especially lines 22 and 120 where map-merge and to-rgb are reported, plus the deprecated @import entries at lines 26-32. Review the Sass migration guidance linked in the warning, then run the Angular stylesheet build and verify these deprecation warnings no longer appear.