Merge pull request #3940 from SomethingNew71/sass-deprecation-fix

Updates deprecated round functions in Sass Build

sass/utilities/css-variables.scss

@@ -61,19 +61,19 @@
 @mixin register-hsl($name, $value) {
   @include register-var(
     $name,
-    round(color.channel($value, "hue", $space: hsl)),
+    math.round(color.channel($value, "hue", $space: hsl)),
     "",
     "-h"
   );
   @include register-var(
     $name,
-    round(color.channel($value, "saturation", $space: hsl)),
+    math.round(color.channel($value, "saturation", $space: hsl)),
     "",
     "-s"
   );
   @include register-var(
     $name,
-    round(color.channel($value, "lightness", $space: hsl)),
+    math.round(color.channel($value, "lightness", $space: hsl)),
     "",
     "-l"
   );
@@ -196,9 +196,9 @@
   $light: null,
   $dark: null
 ) {
-  $h: round(color.channel($base, "hue", $space: hsl)); // Hue
-  $s: round(color.channel($base, "saturation", $space: hsl)); // Saturation
-  $l: round(color.channel($base, "lightness", $space: hsl)); // Lightness
+  $h:math.round(color.channel($base, "hue", $space: hsl)); // Hue
+  $s:math.round(color.channel($base, "saturation", $space: hsl)); // Saturation
+  $l:math.round(color.channel($base, "lightness", $space: hsl)); // Lightness
   $base-lum: fn.bulmaColorLuminance($base);
   $l-base: math.round($l % 10); // Get lightness second digit: 53% -> 3%
   $l-0: 0%; // 5% or less

sass/utilities/functions.scss

@@ -159,7 +159,7 @@
   @if meta.type-of($color) == "color" {
     $luminance: bulmaColorLuminance($color);
     $luminance-delta: 0.53 - $luminance;
-    $target-l: round($base-l + $luminance-delta * 53);
+    $target-l: math.round($base-l + $luminance-delta * 53);
 
     @return color.change($color, $lightness: max($base-l, $target-l));
   }
@@ -192,15 +192,15 @@
 }
 
 @function bulmaColorBrightness($n) {
-  $color-brightness: round(
+  $color-brightness: math.round(
     math.div(
       (color.channel($n, "red", $space: rgb) * 299) +
         (color.channel($n, "green", $space: rgb) * 587) +
         (color.channel($n, "blue", $space: rgb) * 114),
       1000
     )
   );
-  $light-color: round(
+  $light-color: math.round(
     math.div(
       (color.channel(#ffffff, "red", $space: rgb) * 299) +
         (color.channel(#ffffff, "green", $space: rgb) * 587) +