fix: fix sass

_sass/minimal-mistakes/_forms.scss

@@ -25,7 +25,7 @@ form {
   }
 
   p {
-    margin-bottom: (5px / 2);
+    margin-bottom: calc(5px / 2);
   }
 
   ul {

_sass/minimal-mistakes/_mixins.scss

@@ -1,4 +1,5 @@
 @use 'sass:math';
+@use "sass:color";
 /* ==========================================================================
    MIXINS
    ========================================================================== */
@@ -62,11 +63,11 @@
   $color,
   $threshold: $yiq-contrasted-threshold
 ) {
-  $red: red($color);
-  $green: green($color);
-  $blue: blue($color);
+  $red: color.channel($color, "red", $space: rgb);
+  $green: color.channel($color, "green", $space: rgb);
+  $blue: color.channel($color, "blue", $space: rgb);
 
-  $yiq: (($red*299)+($green*587)+($blue*114))/1000;
+  $yiq: calc((($red * 299) + ($green * 587) + ($blue * 114)) / 1000);
 
   @if $yiq-debug { @debug $yiq, $threshold; }
 

_sass/minimal-mistakes/_reset.scss

@@ -10,6 +10,9 @@ html {
   background-color: $background-color;
   font-size: 16px;
 
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+
   @include breakpoint($medium) {
     font-size: 18px;
   }
@@ -21,9 +24,6 @@ html {
   @include breakpoint($x-large) {
     font-size: 22px;
   }
-
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
 }
 
 /* Remove margin */

_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss

@@ -26,16 +26,16 @@
   $unit: unit($value);
 
   @if $unit == 'px' {
-    @return $value / 16px * 1em;
+    @return calc($value / 16px) * 1em;
   }
   @else if $unit == '%' {
-    @return $value / 100% * 1em;
+    @return calc($value / 100%) * 1em;
   }
   @else if $unit == 'em' {
     @return $value;
   }
   @else if $unit == 'pt' {
-    @return $value / 12pt * 1em;
+    @return calc($value / 12pt) * 1em;
   }
   @else {
     @return $value;

_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss

@@ -29,7 +29,7 @@ $mfp-include-iframe-type:             true;                       // Enable Ifra
 $mfp-iframe-padding-top:              40px;                       // Iframe padding top
 $mfp-iframe-background:               #000;                       // Background color of iframes
 $mfp-iframe-max-width:                900px;                      // Maximum width of iframes
-$mfp-iframe-ratio:                     9/16;                       // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)
+$mfp-iframe-ratio:                    math.div(9, 16);                       // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)
 
 // Image-type options
 $mfp-include-image-type:              true;                       // Enable Image-type popups

_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss

@@ -90,9 +90,15 @@
   $span-width: _su-sum($span, $gutters, $spread, $validate: false);
 
   @if unitless($span-width) {
+    // Ensure $container-spread is a valid spread, likely sanitizing or adjusting its value.
     $container-spread: su-valid-spread($container-spread);
+
+    // Calculate the container's width based on columns, gutters, and container spread.
+    // This is a custom function that you need to have defined elsewhere.
     $container: _su-sum($columns, $gutters, $container-spread, $validate: false);
-    @return percentage($span-width / $container);
+
+    // Finally, calculate the percentage value of the span-width relative to the container.
+    @return calc($span-width / $container);
   }
 
   @return $span-width;
@@ -143,7 +149,7 @@
   }
 
   $container: _su-sum($columns, $gutters, $container-spread);
-  @return percentage($gutters / $container);
+  @return calc($gutters / $container);
 }