Handle SASS deprecation warnings #29
Description
When running npm start there's a bunch of SASS warnings in the console output. It would be great to fix this issue and have cleaner output while the app is running.
warning in ./node_modules/vuetify/src/styles/main.sass
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 35, column 5 of file:///home/stefan/projects/cats-configurator/node_modules/vuetify/src/styles/settings/_variables.scss:35:5:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use meta.type-of instead.
More info and automated migrator: https://sass-lang.com/d/import
35 | @if (type-of($negative-spacers) == list) {
node_modules/vuetify/src/styles/settings/_variables.scss 36:6 @import
node_modules/vuetify/src/styles/settings/_index.sass 1:9 @import
node_modules/vuetify/src/styles/main.sass 5:9 root stylesheet
warning in ./node_modules/vuetify/src/styles/main.sass
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 37, column 23 of file:///home/stefan/projects/cats-configurator/node_modules/vuetify/src/styles/settings/_variables.scss:37:23:
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
37 | $negative-spacers: map-merge($negative-spacers, ("n" + $i: -$spacer * $i))
node_modules/vuetify/src/styles/settings/_variables.scss 38:24 @import
node_modules/vuetify/src/styles/settings/_index.sass 1:9 @import
node_modules/vuetify/src/styles/main.sass 5:9 root stylesheet
warning in ./node_modules/vuetify/src/styles/main.sass
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 57, column 22 of file:///home/stefan/projects/cats-configurator/node_modules/vuetify/src/styles/settings/_variables.scss:57:22:
Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($grid-gutter, 2) or calc($grid-gutter / 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
57 | $container-padding-x: $grid-gutter / 2 !default;
node_modules/vuetify/src/styles/settings/_variables.scss 58:23 @import
node_modules/vuetify/src/styles/settings/_index.sass 1:9 @import
node_modules/vuetify/src/styles/main.sass 5:9 root stylesheet
warning in ./node_modules/vuetify/src/styles/main.sass
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 62, column 10 of file:///home/stefan/projects/cats-configurator/node_modules/vuetify/src/styles/settings/_variables.scss:62:10:
Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($grid-gutter, 12) or calc($grid-gutter / 12)
More info and automated migrator: https://sass-lang.com/d/slash-div
62 | 'xs': $grid-gutter / 12,
node_modules/vuetify/src/styles/settings/_variables.scss 63:11 @import
node_modules/vuetify/src/styles/settings/_index.sass 1:9 @import
node_modules/vuetify/src/styles/main.sass 5:9 root stylesheet
warning in ./node_modules/vuetify/src/styles/main.sass
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 63, column 10 of file:///home/stefan/projects/cats-configurator/node_modules/vuetify/src/styles/settings/_variables.scss:63:10:
Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($grid-gutter, 6) or calc($grid-gutter / 6)
More info and automated migrator: https://sass-lang.com/d/slash-div
63 | 'sm': $grid-gutter / 6,
node_modules/vuetify/src/styles/settings/_variables.scss 64:11 @import
node_modules/vuetify/src/styles/settings/_index.sass 1:9 @import
node_modules/vuetify/src/styles/main.sass 5:9 root stylesheet
warning in ./node_modules/vuetify/src/styles/main.sass
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 64, column 10 of file:///home/stefan/projects/cats-configurator/node_modules/vuetify/src/styles/settings/_variables.scss:64:10:
Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($grid-gutter, 3) or calc($grid-gutter / 3)
More info and automated migrator: https://sass-lang.com/d/slash-div
64 | 'md': $grid-gutter / 3,
node_modules/vuetify/src/styles/settings/_variables.scss 65:11 @import
node_modules/vuetify/src/styles/settings/_index.sass 1:9 @import
node_modules/vuetify/src/styles/main.sass 5:9 root stylesheet
warning in ./node_modules/vuetify/src/styles/main.sass
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 74, column 10 of file:///home/stefan/projects/cats-configurator/node_modules/vuetify/src/styles/settings/_variables.scss:74:10:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use map.get instead.
More info and automated migrator: https://sass-lang.com/d/import
74 | 'md': map-get($grid-breakpoints, 'md') * 0.9375,
node_modules/vuetify/src/styles/settings/_variables.scss 75:11 @import
node_modules/vuetify/src/styles/settings/_index.sass 1:9 @import
node_modules/vuetify/src/styles/main.sass 5:9 root stylesheet
warning in ./node_modules/vuetify/src/styles/main.sass
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
253 repetitive deprecation warnings omitted.