responsive

src/function.scss

@@ -1,3 +1,4 @@
+@use 'sass:math';
 
 // =============== Custom function ==============================
 
@@ -34,14 +35,14 @@
   
   // convert px to rem
   @function rem($size) {
-    $remSize: to-number($size) / 16;
+    $remSize: math.div(to-number($size), 16);
     //Default font size on html is 16px;
     @return #{$remSize}rem;
   }
   
   // convert px to em
   @function em($size) {
-    $remSize: to-number($size) / 16px;
+    $remSize: math.div(to-number($size), 16);
     @return #{$remSize}em;
   }