🚨 fix scss deprecated warnings with math.div

scss/private/typefaces/_multiplier.scss

@@ -2,6 +2,9 @@
 // ----------
 // Gets typeface multiplier
 // ==========
+
+@use 'sass:math';
+
 @function _ty-get-typeface-multiplier(
   $typeface,
   $typefaces
@@ -14,7 +17,7 @@
   }
 
   @if $_font-size-ratio {
-    @return 1 / $_font-size-ratio;
+    @return math.div(1, $_font-size-ratio);
   } @else {
     @return 1;
   }

scss/private/utils/_converters.scss

@@ -1,7 +1,10 @@
 // _ty-strip-unit
 // ==============
+
+@use 'sass:math';
+
 @function _ty-strip-unit($num) {
-  @return $num / ($num * 0 + 1);
+  @return math.div($num, ($num * 0 + 1));
 }
 
 
@@ -11,7 +14,7 @@
   @if unit($font-size) != 'px' {
     @error "_ty-to-percentage() only accepts pixel sizes"
   } @else {
-    @return $font-size / 16px * 100%;
+    @return math.div($font-size, 16px) * 100%;
   }
 }
 
@@ -22,13 +25,13 @@
     @if not $ref-size {
       @error "$ref-size must be present for px -> em conversion";
     } @else {
-      @return _ty-strip-unit($font-size) / _ty-strip-unit($ref-size) * 1em;
+      @return math.div(_ty-strip-unit($font-size), _ty-strip-unit($ref-size)) * 1em;
     }
   }
 
   @else if unit($font-size) == 'em' {
     @if $ref-size {
-      @return _ty-strip-unit($font-size) / _ty-strip-unit($ref-size) * 1em;
+      @return math.div(_ty-strip-unit($font-size), _ty-strip-unit($ref-size)) * 1em;
     } @else {
       @return _ty-strip-unit($font-size) * 1em;
     }
@@ -50,7 +53,7 @@
     @if not $ref-size {
       @error "$ref-size must be present for px -> rem conversion";
     } @else {
-      @return _ty-strip-unit($font-size) / _ty-strip-unit($ref-size) * 1rem;
+      @return math.div(_ty-strip-unit($font-size), _ty-strip-unit($ref-size)) * 1rem;
     }
   }
 

scss/public/rhythm/_rhythm.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 @import 'baseline';
 ////
 /// @param {Map} $typefaces [$typefaces]
@@ -39,7 +41,7 @@
     $_rhythm-multiplier: 1;
     $_return: 1;
     @if $typeface {
-      $_rhythm-multiplier: 1 / _ty-get-typeface-multiplier($typeface, $typefaces);
+      $_rhythm-multiplier: math.div(1, _ty-get-typeface-multiplier($typeface, $typefaces));
     }
 
     @if unit($current-font-size) == 'px' {