I recently purchased the Laravel version of a HTML them I've used before (https://www.nobleui.com/), I deployed it (it worked fine) then tried to install the laravel UI and scaffolding:
composer update
composer require laravel/ui
php artisan ui boostrap
php artisan ui --auth
npm install
npm run build
Now whenever I run npm run build, I get a tonne of errors such as:
Deprecation Warning [import]: 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
╷
5 │ @import 'variables';
│ ^^^^^^^^^^^
╵
resources\sass\app.scss 5:9 root stylesheet
Deprecation Warning [import]: 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
╷
8 │ @import 'bootstrap/scss/bootstrap';
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
resources\sass\app.scss 8:9 root stylesheet
transforming (1) resources\js\app.jsDeprecation Warning [import]: 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
╷
1 │ @import "mixins/banner";
│ ^^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss\bootstrap.scss 1:9 @import
resources\sass\app.scss 8:9 root stylesheet
Deprecation Warning [import]: 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
╷
7 │ @import "functions";
│ ^^^^^^^^^^^
╵
node_modules\bootstrap\scss\bootstrap.scss 7:9 @import
resources\sass\app.scss 8:9 root stylesheet
Deprecation Warning [import]: 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
╷
8 │ @import "variables";
│ ^^^^^^^^^^^
╵
node_modules\bootstrap\scss\bootstrap.scss 8:9 @import
resources\sass\app.scss 8:9 root stylesheet
transforming (6) node_modules@popperjs\core\lib\index.jsDeprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
207 │ @return mix(white, $color, $weight);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss_functions.scss 207:11 tint-color()
node_modules\bootstrap\scss_variables.scss 79:12 @import
node_modules\bootstrap\scss\bootstrap.scss 8:9 @import
resources\sass\app.scss 8:9 root stylesheet
Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
212 │ @return mix(black, $color, $weight);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss_functions.scss 212:11 shade-color()
node_modules\bootstrap\scss_variables.scss 84:12 @import
node_modules\bootstrap\scss\bootstrap.scss 8:9 @import
resources\sass\app.scss 8:9 root stylesheet
Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.mix instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
342 │ $light-bg-subtle: mix($gray-100, $white) !default;
│ ^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss_variables.scss 342:27 @import
node_modules\bootstrap\scss\bootstrap.scss 8:9 @import
resources\sass\app.scss 8:9 root stylesheet
Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use math.unit instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
11 │ @if $prev-num == null or unit($num) == "%" or unit($prev-num) == "%" {
│ ^^^^^^^^^^
╵
node_modules\bootstrap\scss_functions.scss 11:30 -assert-ascending()
node_modules\bootstrap\scss_variables.scss 494:1 @import
node_modules\bootstrap\scss\bootstrap.scss 8:9 @import
resources\sass\app.scss 8:9 root stylesheet
Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use math.unit instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
11 │ @if $prev-num == null or unit($num) == "%" or unit($prev-num) == "%" {
│ ^^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss_functions.scss 11:51 -assert-ascending()
node_modules\bootstrap\scss_variables.scss 494:1 @import
node_modules\bootstrap\scss\bootstrap.scss 8:9 @import
resources\sass\app.scss 8:9 root stylesheet
Deprecation Warning [color-functions]: red() is deprecated. Suggestion:
color.channel($color, "red", $space: rgb)
More info: https://sass-lang.com/d/color-functions
╷
185 │ "r": red($color),
│ ^^^^^^^^^^^
╵
node_modules\bootstrap\scss_functions.scss 185:10 luminance()
node_modules\bootstrap\scss_functions.scss 174:8 contrast-ratio()
node_modules\bootstrap\scss_functions.scss 159:22 color-contrast()
node_modules\bootstrap\scss_variables.scss 846:42 @import
node_modules\bootstrap\scss\bootstrap.scss 8:9 @import
resources\sass\app.scss 8:9 root stylesheet
Deprecation Warning [color-functions]: green() is deprecated. Suggestion:
color.channel($color, "green", $space: rgb)
More info: https://sass-lang.com/d/color-functions
╷
186 │ "g": green($color),
│ ^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss_functions.scss 186:10 luminance()
node_modules\bootstrap\scss_functions.scss 174:8 contrast-ratio()
node_modules\bootstrap\scss_functions.scss 159:22 color-contrast()
node_modules\bootstrap\scss_variables.scss 846:42 @import
node_modules\bootstrap\scss\bootstrap.scss 8:9 @import
resources\sass\app.scss 8:9 root stylesheet
Deprecation Warning [color-functions]: blue() is deprecated. Suggestion:
color.channel($color, "blue", $space: rgb)
Any suggestions?
