Replace / with math.div
Bug
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($max - $min, $max-width - $min-width) or calc(($max - $min) / ($max-width - $min-width))
More info and automated migrator: https://sass-lang.com/d/slash-div
Usages
╷
24 │ $converted: $value / $font-size-base;
│ ^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/scss/functions.scss 24:15 single-unit-rem()
src/scss/functions.scss 41:13 px-to-rem()
src/scss/variables.scss 4:13 @import
src/scss/bootstrap.scss 1:9 root stylesheet
╷
24 │ $converted: $value / $font-size-base;
│ ^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/scss/functions.scss 24:15 single-unit-rem()
src/scss/functions.scss 41:13 px-to-rem()
src/scss/variables.scss 4:13 @import
src/scss/storybook.scss 2:9 root stylesheet
╷
24 │ $converted: $value / $font-size-base;
│ ^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/scss/functions.scss 24:15 single-unit-rem()
src/scss/functions.scss 41:13 px-to-rem()
src/scss/variables.scss 4:13 @import
src/scss/typescale/typescale_demo.scss 1:9 root stylesheet
╷
57 │ $slope: ($max - $min) / ($max-width - $min-width);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/scss/functions.scss 57:11 clamp-between()
src/scss/mixins.scss 31:17 gl-responsive-property()
src/scss/mixins.scss 11:3 gl-fluid-font-size()
src/scss/typescale/_index.scss 29:5 gl-typescale-ui()
src/scss/typescale/typescale_demo.scss 6:1 root stylesheet
╷
302 │ $headings-margin-bottom: $spacer / 2 !default;
│ ^^^^^^^^^^^
╵
node_modules/bootstrap/scss/_variables.scss 302:31 @import
src/scss/bootstrap.scss 3:9 root stylesheet
╷
302 │ $headings-margin-bottom: $spacer / 2 !default;
│ ^^^^^^^^^^^
╵
node_modules/bootstrap/scss/_variables.scss 302:31 @import
src/scss/storybook.scss 5:9 root stylesheet
╷
498 │ $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;
│ ^^^^^^^^^^^^^^^^^^^^
╵
node_modules/bootstrap/scss/_variables.scss 498:73 @import
src/scss/bootstrap.scss 3:9 root stylesheet
╷
498 │ $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;
│ ^^^^^^^^^^^^^^^^^^^^
╵
node_modules/bootstrap/scss/_variables.scss 498:73 @import
src/scss/storybook.scss 5:9 root stylesheet
╷
568 │ $custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules/bootstrap/scss/_variables.scss 568:49 @import
src/scss/bootstrap.scss 3:9 root stylesheet
╷
568 │ $custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules/bootstrap/scss/_variables.scss 568:49 @import
src/scss/storybook.scss 5:9 root stylesheet
╷
713 │ $nav-divider-margin-y: $spacer / 2 !default;
│ ^^^^^^^^^^^
╵
node_modules/bootstrap/scss/_variables.scss 713:37 @import
src/scss/bootstrap.scss 3:9 root stylesheet
╷
713 │ $nav-divider-margin-y: $spacer / 2 !default;
│ ^^^^^^^^^^^
╵
node_modules/bootstrap/scss/_variables.scss 713:37 @import
src/scss/storybook.scss 5:9 root stylesheet
Edited by Savas Vedova