1 files changed, 16 insertions, 13 deletions

diff --git a/src/_gradients.scss b/src/_gradients.scss
index 7c52d63..657efa2 100644
--- a/src/_gradients.scss
+++ b/src/_gradients.scss
@@ -15,6 +15,9 @@
 /// @access public
 ////
 
+@use 'sass:math';
+@use 'sass:meta';
+
 ///
 /// Number of intermediate color stops generated to achieve easing.
 /// A higher value results in better quality, but also much more generated code.
@@ -340,7 +343,7 @@ $iro-easing-gradient-steps: 10 !default;
         $distance: $next-stop-pos - $prev-stop-pos;
 
         @for $i from 1 through $iro-easing-gradient-steps {
-            $perc:  $i / $iro-easing-gradient-steps;
+            $perc:  math.div($i, $iro-easing-gradient-steps);
 
             $color: null;
             $pos:   $prev-stop-pos + $perc * $distance;
@@ -359,20 +362,20 @@ $iro-easing-gradient-steps: 10 !default;
 
         @if type-of($prev-stop-pos) != number {
             // must be calc()
-            @if (type-of($prev-stop-pos) != string) or (str-index($prev-stop-pos, 'calc(') != 1) {
+            @if type-of($prev-stop-pos) != calculation {
                 @error 'Invalid color stop position: #{inspect($prev-stop-pos)}';
             }
 
-            $prev-stop-pos: str-slice($prev-stop-pos, 6, str-length($prev-stop-pos) - 1);
+            $prev-stop-pos: meta.calc-args($prev-stop-pos);
         }
 
         @if type-of($next-stop-pos) != number {
             // must be calc()
-            @if (type-of($next-stop-pos) != string) or (str-index($next-stop-pos, 'calc(') != 1) {
+            @if type-of($next-stop-pos) != calculation {
                 @error 'Invalid color stop position: #{inspect($next-stop-pos)}';
             }
 
-            $next-stop-pos: str-slice($next-stop-pos, 6, str-length($next-stop-pos) - 1);
+            $next-stop-pos: meta.calc-args($next-stop-pos);
         }
 
         @for $i from 1 through $iro-easing-gradient-steps {
@@ -454,20 +457,20 @@ $iro-easing-gradient-steps: 10 !default;
 
         @if type-of($prev-stop-pos) != number {
             // must be calc()
-            @if (type-of($prev-stop-pos) != string) or (str-index($prev-stop-pos, 'calc(') != 1) {
+            @if type-of($prev-stop-pos) != calculation {
                 @error 'Invalid color stop position: #{inspect($prev-stop-pos)}';
             }
 
-            $prev-stop-pos: str-slice($prev-stop-pos, 6, str-length($prev-stop-pos) - 1);
+            $prev-stop-pos: meta.calc-args($prev-stop-pos);
         }
 
         @if type-of($next-stop-pos) != number {
             // must be calc()
-            @if (type-of($next-stop-pos) != string) or (str-index($next-stop-pos, 'calc(') != 1) {
+            @if type-of($next-stop-pos) != calculation {
                 @error 'Invalid color stop position: #{inspect($next-stop-pos)}';
             }
 
-            $next-stop-pos: str-slice($next-stop-pos, 6, str-length($next-stop-pos) - 1);
+            $next-stop-pos: meta.calc-args($next-stop-pos);
         }
 
         @for $i from 1 through $steps {
@@ -550,20 +553,20 @@ $iro-easing-gradient-steps: 10 !default;
 
         @if type-of($prev-stop-pos) != number {
             // must be calc()
-            @if (type-of($prev-stop-pos) != string) or (str-index($prev-stop-pos, 'calc(') != 1) {
+            @if type-of($prev-stop-pos) != calculation {
                 @error 'Invalid color stop position: #{inspect($prev-stop-pos)}';
             }
 
-            $prev-stop-pos: str-slice($prev-stop-pos, 6, str-length($prev-stop-pos) - 1);
+            $prev-stop-pos: meta.calc-args($prev-stop-pos);
         }
 
         @if type-of($next-stop-pos) != number {
             // must be calc()
-            @if (type-of($next-stop-pos) != string) or (str-index($next-stop-pos, 'calc(') != 1) {
+            @if type-of($next-stop-pos) != calculation {
                 @error 'Invalid color stop position: #{inspect($next-stop-pos)}';
             }
 
-            $next-stop-pos: str-slice($next-stop-pos, 6, str-length($next-stop-pos) - 1);
+            $next-stop-pos: meta.calc-args($next-stop-pos);
         }
 
         @for $i from 1 through length($stops) {