fix (scss): to-number mixin math div

Author: n-langle

src/scss/02-tools/_f-to-number.scss

@@ -0,0 +1,33 @@
+@use "sass:map";
+@use "sass:math";
+@use "sass:string";
+
+@function to-number($value) {
+    @if type-of($value) == "number" {
+        @return $value;
+    } @else if type-of($value) != "string" {
+        @error "Value for `to-number` should be a number or a string.";
+    }
+
+    $result: 0;
+    $digits: 0;
+    $minus: string.slice($value, 1, 1) == "-";
+    $numbers: ("0": 0, "1": 1, "2": 2, "3": 3, "4": 4, "5": 5, "6": 6, "7": 7, "8": 8, "9": 9);
+
+    @for $i from if($minus, 2, 1) through str-length($value) {
+        $character: string.slice($value, $i, $i);
+
+        @if (index(map-keys($numbers), $character) or $character == ".") {
+            @if $character == "." {
+                $digits: 1;
+            } @else if $digits == 0 {
+                $result: $result * 10 + map.get($numbers, $character);
+            } @else {
+                $digits: $digits * 10;
+                $result: $result + math.div(map.get($numbers, $character), $digits);
+            }
+        }
+    }
+
+    @return if($minus, -$result, $result);
+}