Resolve deprecation warnings due to sass upgrade

[airikej]

Problem

Solution

Examples and information

Deprecation Warning [if-function]: The Sass if() syntax is deprecated in favor of the modern CSS syntax.

Suggestion: if(sass($n < length($breakpoint-names)): nth($breakpoint-names, $n + 1))

More info: https://sass-lang.com/d/if-function

   ╷
27 │   @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
   │           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    src/bootstrap-utility/_breakpoints.scss 27:11  @use
    src/index.scss 1:1                             root stylesheet

Deprecation Warning [if-function]: The Sass if() syntax is deprecated in favor of the modern CSS syntax.

Suggestion: if(sass($min != 0): $min)

More info: https://sass-lang.com/d/if-function

   ╷
37 │   @return if($min != 0, $min, null);
   │           ^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    src/bootstrap-utility/_breakpoints.scss 37:11  @use
    src/index.scss 1:1                             root stylesheet

Deprecation Warning [if-function]: The Sass if() syntax is deprecated in favor of the modern CSS syntax.

Suggestion: if(sass($max and $max > 0): $max - 0.02)

More info: https://sass-lang.com/d/if-function

   ╷
52 │   @return if($max and $max > 0, $max - 0.02, null);
   │           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    src/bootstrap-utility/_breakpoints.scss 52:11  @use
    src/index.scss 1:1                             root stylesheet

Deprecation Warning [if-function]: The Sass if() syntax is deprecated in favor of the modern CSS syntax.

Suggestion: if(sass(breakpoint-min($name, $breakpoints) == null): ""; else: "-#{$name}")

More info: https://sass-lang.com/d/if-function

   ╷
63 │   @return if(breakpoint-min($name, $breakpoints) == null, '', '-#{$name}');
   │           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    src/bootstrap-utility/_breakpoints.scss 63:11  @use
    src/index.scss 1:1                             root stylesheet

Deprecation Warning [if-function]: The Sass if() syntax is deprecated in favor of the modern CSS syntax.

Suggestion: if(sass(meta.variable-exists(include-column-box-sizing) and $include-column-box-sizing): border-box)

More info: https://sass-lang.com/d/if-function

   ╷
28 │   box-sizing: if(meta.variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);
   │               ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    src/bootstrap-utility/_grid.scss 28:15  @use
    src/index.scss 2:1                      root stylesheet

Warning: 10 repetitive deprecation warnings omitted.
Run in verbose mode to see all warnings.

Project