Ran sass migrator to replace slashes (#5028)

Author: markzegarelli

src/_sass/objects/_flex.scss

@@ -1,3 +1,5 @@
+@use "sass:math";
+
 .flex {
   $this: &;
 
@@ -29,8 +31,8 @@
 
     @for $i from 1 through $flex-columns {
       &--#{$i} {
-        flex-basis: percentage($i / $flex-columns);
-        max-width: percentage($i / $flex-columns);
+        flex-basis: percentage(math.div($i, $flex-columns));
+        max-width: percentage(math.div($i, $flex-columns));
       }
     }
 
@@ -42,8 +44,8 @@
       @include breakpoint($breakpoint up) {
         @for $i from 1 through $flex-columns {
           &--#{$i}\@#{$breakpoint} {
-            flex-basis: percentage($i / $flex-columns);
-            max-width: percentage($i / $flex-columns);
+            flex-basis: percentage(math.div($i, $flex-columns));
+            max-width: percentage(math.div($i, $flex-columns));
           }
         }
       }

src/_sass/objects/_gutter.scss

@@ -3,23 +3,23 @@
 
   $size: map-get($gutter-sizes, $gutter-size);
 
-  margin-right: -#{$size / 2};
-  margin-left: -#{$size / 2};
+  margin-right: -#{$size * 0.5};
+  margin-left: -#{$size * 0.5};
 
   & > * {
-    padding-right: $size / 2;
-    padding-left: $size / 2;
+    padding-right: $size * 0.5;
+    padding-left: $size * 0.5;
   }
 
   @each $name, $size in $gutter-sizes {
     @if $name != $gutter-size {
       &--#{$name} {
-        margin-right: -#{$size / 2};
-        margin-left: -#{$size / 2};
+        margin-right: -#{$size * 0.5};
+        margin-left: -#{$size * 0.5};
 
         & > * {
-          padding-right: $size / 2;
-          padding-left: $size / 2;
+          padding-right: $size * 0.5;
+          padding-left: $size * 0.5;
         }
       }
     }
@@ -29,12 +29,12 @@
     @include breakpoint($breakpoint up) {
       @each $name, $size in $gutter-sizes {
         &--#{$name}\@#{$breakpoint} {
-          margin-right: -#{$size / 2};
-          margin-left: -#{$size / 2};
+          margin-right: -#{$size * 0.5};
+          margin-left: -#{$size * 0.5};
 
           & > * {
-            padding-right: $size / 2;
-            padding-left: $size / 2;
+            padding-right: $size * 0.5;
+            padding-left: $size * 0.5;
           }
         }
       }

src/_sass/objects/_waffle.scss

@@ -3,19 +3,19 @@
 
   $size: map-get($waffle-sizes, $waffle-size);
 
-  margin: -#{$size / 2};
+  margin: -#{$size * 0.5};
 
   & > * {
-    padding: $size / 2;
+    padding: $size * 0.5;
   }
 
   @each $name, $size in $waffle-sizes {
     @if $name != $waffle-size {
       &--#{$name} {
-        margin: -#{$size / 2};
+        margin: -#{$size * 0.5};
 
         & > * {
-          padding: $size / 2;
+          padding: $size * 0.5;
         }
       }
     }
@@ -25,10 +25,10 @@
     @include breakpoint($breakpoint up) {
       @each $name, $size in $waffle-sizes {
         &--#{$name}\@#{$breakpoint} {
-          margin: -#{$size / 2};
+          margin: -#{$size * 0.5};
 
           & > * {
-            padding: $size / 2;
+            padding: $size * 0.5;
           }
         }
       }