diff --git a/spec/core_functions/color/adjust_color/error/bounds.hrx b/spec/core_functions/color/adjust_color/error/bounds.hrx
index d7993b831f..d520fe1917 100644
--- a/spec/core_functions/color/adjust_color/error/bounds.hrx
+++ b/spec/core_functions/color/adjust_color/error/bounds.hrx
@@ -125,13 +125,13 @@ Error: argument `$blue` of `adjust-color($color, $red: false, $green: false, $bl
 <===>
 ================================================================================
 <===> saturation/too_low/input.scss
-a {b: adjust-color(red, $saturation: -100.001)}
+a {b: adjust-color(red, $saturation: -100.001%)}
 
 <===> saturation/too_low/error
-Error: $saturation: Expected -100.001 to be within -100 and 100.
+Error: $saturation: Expected -100.001% to be within -100% and 100%.
   ,
-1 | a {b: adjust-color(red, $saturation: -100.001)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: adjust-color(red, $saturation: -100.001%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -146,13 +146,13 @@ Error: argument `$saturation` of `adjust-color($color, $red: false, $green: fals
 <===>
 ================================================================================
 <===> saturation/too_high/input.scss
-a {b: adjust-color(red, $saturation: 100.001)}
+a {b: adjust-color(red, $saturation: 100.001%)}
 
 <===> saturation/too_high/error
-Error: $saturation: Expected 100.001 to be within -100 and 100.
+Error: $saturation: Expected 100.001% to be within -100% and 100%.
   ,
-1 | a {b: adjust-color(red, $saturation: 100.001)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: adjust-color(red, $saturation: 100.001%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -167,13 +167,13 @@ Error: argument `$saturation` of `adjust-color($color, $red: false, $green: fals
 <===>
 ================================================================================
 <===> lightness/too_low/input.scss
-a {b: adjust-color(red, $lightness: -100.001)}
+a {b: adjust-color(red, $lightness: -100.001%)}
 
 <===> lightness/too_low/error
-Error: $lightness: Expected -100.001 to be within -100 and 100.
+Error: $lightness: Expected -100.001% to be within -100% and 100%.
   ,
-1 | a {b: adjust-color(red, $lightness: -100.001)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: adjust-color(red, $lightness: -100.001%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -188,13 +188,13 @@ Error: argument `$lightness` of `adjust-color($color, $red: false, $green: false
 <===>
 ================================================================================
 <===> lightness/too_high/input.scss
-a {b: adjust-color(red, $lightness: 100.001)}
+a {b: adjust-color(red, $lightness: 100.001%)}
 
 <===> lightness/too_high/error
-Error: $lightness: Expected 100.001 to be within -100 and 100.
+Error: $lightness: Expected 100.001% to be within -100% and 100%.
   ,
-1 | a {b: adjust-color(red, $lightness: 100.001)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: adjust-color(red, $lightness: 100.001%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -254,6 +254,8 @@ Error: argument `$alpha` of `adjust-color($color, $red: false, $green: false, $b
 :todo:
 - sass/libsass#3128
 
+<===>
+================================================================================
 <===> blackness/too_low/input.scss
 a {b: adjust-color(red, $blackness: -100.001%)}
 
@@ -285,6 +287,8 @@ Error: $blackness: Expected 100.001% to be within -100% and 100%.
 :todo:
 - sass/libsass#3128
 
+<===>
+================================================================================
 <===> whiteness/too_low/input.scss
 a {b: adjust-color(red, $whiteness: -100.001%)}
 
diff --git a/spec/core_functions/color/adjust_color/error/mixed_formats.hrx b/spec/core_functions/color/adjust_color/error/mixed_formats.hrx
index f9670b7cea..aeff43825f 100644
--- a/spec/core_functions/color/adjust_color/error/mixed_formats.hrx
+++ b/spec/core_functions/color/adjust_color/error/mixed_formats.hrx
@@ -20,13 +20,13 @@ Error: Cannot specify HSL and RGB values for a color at the same time for `adjus
 <===>
 ================================================================================
 <===> green_and_saturation/input.scss
-a {b: adjust-color(red, $green: 1, $saturation: 1)}
+a {b: adjust-color(red, $green: 1, $saturation: 1%)}
 
 <===> green_and_saturation/error
 Error: RGB parameters may not be passed along with HSL parameters.
   ,
-1 | a {b: adjust-color(red, $green: 1, $saturation: 1)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: adjust-color(red, $green: 1, $saturation: 1%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -41,13 +41,13 @@ Error: Cannot specify HSL and RGB values for a color at the same time for `adjus
 <===>
 ================================================================================
 <===> blue_and_lightness/input.scss
-a {b: adjust-color(red, $blue: 1, $lightness: 1)}
+a {b: adjust-color(red, $blue: 1, $lightness: 1%)}
 
 <===> blue_and_lightness/error
 Error: RGB parameters may not be passed along with HSL parameters.
   ,
-1 | a {b: adjust-color(red, $blue: 1, $lightness: 1)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: adjust-color(red, $blue: 1, $lightness: 1%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -103,13 +103,13 @@ Error: RGB parameters may not be passed along with HWB parameters.
 - sass/libsass#3128
 
 <===> saturation_and_blackness/input.scss
-a {b: adjust-color(red, $saturation: 1, $blackness: 1%)}
+a {b: adjust-color(red, $saturation: 1%, $blackness: 1%)}
 
 <===> saturation_and_blackness/error
 Error: HSL parameters may not be passed along with HWB parameters.
   ,
-1 | a {b: adjust-color(red, $saturation: 1, $blackness: 1%)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: adjust-color(red, $saturation: 1%, $blackness: 1%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -121,12 +121,12 @@ Error: HSL parameters may not be passed along with HWB parameters.
 - sass/libsass#3128
 
 <===> lightness_and_whiteness/input.scss
-a {b: adjust-color(red, $lightness: 1, $whiteness: 1%)}
+a {b: adjust-color(red, $lightness: 1%, $whiteness: 1%)}
 
 <===> lightness_and_whiteness/error
 Error: HSL parameters may not be passed along with HWB parameters.
   ,
-1 | a {b: adjust-color(red, $lightness: 1, $whiteness: 1%)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: adjust-color(red, $lightness: 1%, $whiteness: 1%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
diff --git a/spec/core_functions/color/adjust_color/units.hrx b/spec/core_functions/color/adjust_color/units.hrx
new file mode 100644
index 0000000000..2cc57d1915
--- /dev/null
+++ b/spec/core_functions/color/adjust_color/units.hrx
@@ -0,0 +1,182 @@
+<===> options.yml
+---
+:warning_todo:
+- libsass
+
+<===>
+================================================================================
+<===> hue/deg/input.scss
+a {b: adjust-color(red, $hue: 60deg)}
+
+<===> hue/deg/output.css
+a {
+  b: yellow;
+}
+
+<===>
+================================================================================
+<===> hue/unitless/input.scss
+a {b: adjust-color(red, $hue: 60)}
+
+<===> hue/unitless/output.css
+a {
+  b: yellow;
+}
+
+<===>
+================================================================================
+<===> hue/unknown/input.scss
+a {b: adjust-color(red, $hue: 60in)}
+
+<===> hue/unknown/output.css
+a {
+  b: yellow;
+}
+
+<===> hue/unknown/warning
+DEPRECATION WARNING: $hue: Passing a unit other than deg is deprecated.
+
+To preserve current behavior: $hue / 1in
+
+See https://sass-lang.com/d/color-units
+
+  ,
+1 | a {b: adjust-color(red, $hue: 60in)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+<===>
+================================================================================
+<===> hue/angle/input.scss
+a {b: adjust-color(red, $hue: 60rad)}
+
+<===> hue/angle/output.css
+a {
+  b: yellow;
+}
+
+<===> hue/angle/warning
+DEPRECATION WARNING: $hue: Passing a unit other than deg is deprecated.
+
+You're passing 60rad, which is currently (incorrectly) converted to 60deg.
+Soon, it will instead be correctly converted to 3437.7467707849deg.
+
+To preserve current behavior: $hue * 1deg/1rad
+To migrate to new behavior: 0deg + $hue
+
+See https://sass-lang.com/d/color-units
+
+  ,
+1 | a {b: adjust-color(red, $hue: 60rad)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+<===>
+================================================================================
+<===> saturation/percent/input.scss
+a {b: adjust-color(red, $saturation: -10%)}
+
+<===> saturation/percent/output.css
+a {
+  b: #f20d0d;
+}
+
+<===>
+================================================================================
+<===> saturation/unitless/input.scss
+a {b: adjust-color(red, $saturation: -10)}
+
+<===> saturation/unitless/output.css
+a {
+  b: #f20d0d;
+}
+
+<===> saturation/unitless/warning
+DEPRECATION WARNING: $saturation: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $saturation * 1%
+
+  ,
+1 | a {b: adjust-color(red, $saturation: -10)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
+<===>
+================================================================================
+<===> saturation/unknown/input.scss
+a {b: adjust-color(red, $saturation: -10in)}
+
+<===> saturation/unknown/output.css
+a {
+  b: #f20d0d;
+}
+
+<===> saturation/unknown/warning
+DEPRECATION WARNING: $saturation: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $saturation / 1in * 1%
+
+  ,
+1 | a {b: adjust-color(red, $saturation: -10in)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
+<===>
+================================================================================
+<===> lightness/percent/input.scss
+a {b: adjust-color(red, $lightness: 10%)}
+
+<===> lightness/percent/output.css
+a {
+  b: #ff3333;
+}
+
+<===>
+================================================================================
+<===> lightness/unitless/input.scss
+a {b: adjust-color(red, $lightness: 10)}
+
+<===> lightness/unitless/output.css
+a {
+  b: #ff3333;
+}
+
+<===> lightness/unitless/warning
+DEPRECATION WARNING: $lightness: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $lightness * 1%
+
+  ,
+1 | a {b: adjust-color(red, $lightness: 10)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
+<===>
+================================================================================
+<===> lightness/unknown/input.scss
+a {b: adjust-color(red, $lightness: 10in)}
+
+<===> lightness/unknown/output.css
+a {
+  b: #ff3333;
+}
+
+<===> lightness/unknown/warning
+DEPRECATION WARNING: $lightness: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $lightness / 1in * 1%
+
+  ,
+1 | a {b: adjust-color(red, $lightness: 10in)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
diff --git a/spec/core_functions/color/adjust_hue.hrx b/spec/core_functions/color/adjust_hue.hrx
index bb4820079e..6f394bfaac 100644
--- a/spec/core_functions/color/adjust_hue.hrx
+++ b/spec/core_functions/color/adjust_hue.hrx
@@ -76,6 +76,83 @@ a {
   b: rgba(255, 0, 4, 0.1);
 }
 
+<===>
+================================================================================
+<===> units/options.yml
+---
+:warning_todo:
+- libsass
+
+<===>
+================================================================================
+<===> units/deg/input.scss
+a {b: adjust-hue(red, 60deg)}
+
+<===> units/deg/output.css
+a {
+  b: yellow;
+}
+
+<===>
+================================================================================
+<===> units/unitless/input.scss
+a {b: adjust-hue(red, 60)}
+
+<===> units/unitless/output.css
+a {
+  b: yellow;
+}
+
+<===>
+================================================================================
+<===> units/unknown/input.scss
+a {b: adjust-hue(red, 60in)}
+
+<===> units/unknown/output.css
+a {
+  b: yellow;
+}
+
+<===> units/unknown/warning
+DEPRECATION WARNING: $null: Passing a unit other than deg is deprecated.
+
+To preserve current behavior: $null / 1in
+
+See https://sass-lang.com/d/color-units
+
+  ,
+1 | a {b: adjust-hue(red, 60in)}
+  |       ^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+<===>
+================================================================================
+<===> units/angle/input.scss
+a {b: adjust-hue(red, 60rad)}
+
+<===> units/angle/output.css
+a {
+  b: yellow;
+}
+
+<===> units/angle/warning
+DEPRECATION WARNING: $null: Passing a unit other than deg is deprecated.
+
+You're passing 60rad, which is currently (incorrectly) converted to 60deg.
+Soon, it will instead be correctly converted to 3437.7467707849deg.
+
+To preserve current behavior: $null * 1deg/1rad
+To migrate to new behavior: 0deg + $null
+
+See https://sass-lang.com/d/color-units
+
+  ,
+1 | a {b: adjust-hue(red, 60rad)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
 <===>
 ================================================================================
 <===> named/input.scss
diff --git a/spec/core_functions/color/change_color/error/bounds.hrx b/spec/core_functions/color/change_color/error/bounds.hrx
index 0b9719b17e..a8cd823bce 100644
--- a/spec/core_functions/color/change_color/error/bounds.hrx
+++ b/spec/core_functions/color/change_color/error/bounds.hrx
@@ -125,13 +125,13 @@ Error: argument `$blue` of `change-color($color, $red: false, $green: false, $bl
 <===>
 ================================================================================
 <===> saturation/too_low/input.scss
-a {b: change-color(red, $saturation: -0.001)}
+a {b: change-color(red, $saturation: -0.001%)}
 
 <===> saturation/too_low/error
-Error: $saturation: Expected -0.001 to be within 0 and 100.
+Error: $saturation: Expected -0.001% to be within 0% and 100%.
   ,
-1 | a {b: change-color(red, $saturation: -0.001)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: change-color(red, $saturation: -0.001%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -146,13 +146,13 @@ Error: argument `$saturation` of `change-color($color, $red: false, $green: fals
 <===>
 ================================================================================
 <===> saturation/too_high/input.scss
-a {b: change-color(red, $saturation: 100.001)}
+a {b: change-color(red, $saturation: 100.001%)}
 
 <===> saturation/too_high/error
-Error: $saturation: Expected 100.001 to be within 0 and 100.
+Error: $saturation: Expected 100.001% to be within 0% and 100%.
   ,
-1 | a {b: change-color(red, $saturation: 100.001)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: change-color(red, $saturation: 100.001%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -167,13 +167,13 @@ Error: argument `$saturation` of `change-color($color, $red: false, $green: fals
 <===>
 ================================================================================
 <===> lightness/too_low/input.scss
-a {b: change-color(red, $lightness: -0.001)}
+a {b: change-color(red, $lightness: -0.001%)}
 
 <===> lightness/too_low/error
-Error: $lightness: Expected -0.001 to be within 0 and 100.
+Error: $lightness: Expected -0.001% to be within 0% and 100%.
   ,
-1 | a {b: change-color(red, $lightness: -0.001)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: change-color(red, $lightness: -0.001%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -188,13 +188,13 @@ Error: argument `$lightness` of `change-color($color, $red: false, $green: false
 <===>
 ================================================================================
 <===> lightness/too_high/input.scss
-a {b: change-color(red, $lightness: 100.001)}
+a {b: change-color(red, $lightness: 100.001%)}
 
 <===> lightness/too_high/error
-Error: $lightness: Expected 100.001 to be within 0 and 100.
+Error: $lightness: Expected 100.001% to be within 0% and 100%.
   ,
-1 | a {b: change-color(red, $lightness: 100.001)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: change-color(red, $lightness: 100.001%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -254,6 +254,8 @@ Error: argument `$alpha` of `change-color($color, $red: false, $green: false, $b
 :todo:
 - sass/libsass#3128
 
+<===>
+================================================================================
 <===> blackness/too_low/input.scss
 a {b: change-color(red, $blackness: -0.001%)}
 
@@ -285,6 +287,8 @@ Error: $blackness: Expected 100.001% to be within 0% and 100%.
 :todo:
 - sass/libsass#3128
 
+<===>
+================================================================================
 <===> whiteness/too_low/input.scss
 a {b: change-color(red, $whiteness: -0.001%)}
 
diff --git a/spec/core_functions/color/change_color/error/mixed_formats.hrx b/spec/core_functions/color/change_color/error/mixed_formats.hrx
index 59156ff6cd..e4a874343b 100644
--- a/spec/core_functions/color/change_color/error/mixed_formats.hrx
+++ b/spec/core_functions/color/change_color/error/mixed_formats.hrx
@@ -20,13 +20,13 @@ Error: Cannot specify HSL and RGB values for a color at the same time for `chang
 <===>
 ================================================================================
 <===> green_and_saturation/input.scss
-a {b: change-color(red, $green: 1, $saturation: 1)}
+a {b: change-color(red, $green: 1, $saturation: 1%)}
 
 <===> green_and_saturation/error
 Error: RGB parameters may not be passed along with HSL parameters.
   ,
-1 | a {b: change-color(red, $green: 1, $saturation: 1)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: change-color(red, $green: 1, $saturation: 1%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -41,13 +41,13 @@ Error: Cannot specify HSL and RGB values for a color at the same time for `chang
 <===>
 ================================================================================
 <===> blue_and_lightness/input.scss
-a {b: change-color(red, $blue: 1, $lightness: 1)}
+a {b: change-color(red, $blue: 1, $lightness: 1%)}
 
 <===> blue_and_lightness/error
 Error: RGB parameters may not be passed along with HSL parameters.
   ,
-1 | a {b: change-color(red, $blue: 1, $lightness: 1)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: change-color(red, $blue: 1, $lightness: 1%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -103,13 +103,13 @@ Error: RGB parameters may not be passed along with HWB parameters.
 - sass/libsass#3128
 
 <===> saturation_and_blackness/input.scss
-a {b: change-color(red, $saturation: 1, $blackness: 1%)}
+a {b: change-color(red, $saturation: 1%, $blackness: 1%)}
 
 <===> saturation_and_blackness/error
 Error: HSL parameters may not be passed along with HWB parameters.
   ,
-1 | a {b: change-color(red, $saturation: 1, $blackness: 1%)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: change-color(red, $saturation: 1%, $blackness: 1%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
 
@@ -121,13 +121,12 @@ Error: HSL parameters may not be passed along with HWB parameters.
 - sass/libsass#3128
 
 <===> lightness_and_whiteness/input.scss
-a {b: change-color(red, $lightness: 1, $whiteness: 1%)}
+a {b: change-color(red, $lightness: 1%, $whiteness: 1%)}
 
 <===> lightness_and_whiteness/error
 Error: HSL parameters may not be passed along with HWB parameters.
   ,
-1 | a {b: change-color(red, $lightness: 1, $whiteness: 1%)}
-  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+1 | a {b: change-color(red, $lightness: 1%, $whiteness: 1%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 1:7  root stylesheet
-
diff --git a/spec/core_functions/color/change_color/units.hrx b/spec/core_functions/color/change_color/units.hrx
new file mode 100644
index 0000000000..2fdc2c33c4
--- /dev/null
+++ b/spec/core_functions/color/change_color/units.hrx
@@ -0,0 +1,182 @@
+<===> options.yml
+---
+:warning_todo:
+- libsass
+
+<===>
+================================================================================
+<===> hue/deg/input.scss
+a {b: change-color(red, $hue: 60deg)}
+
+<===> hue/deg/output.css
+a {
+  b: yellow;
+}
+
+<===>
+================================================================================
+<===> hue/unitless/input.scss
+a {b: change-color(red, $hue: 60)}
+
+<===> hue/unitless/output.css
+a {
+  b: yellow;
+}
+
+<===>
+================================================================================
+<===> hue/unknown/input.scss
+a {b: change-color(red, $hue: 60in)}
+
+<===> hue/unknown/output.css
+a {
+  b: yellow;
+}
+
+<===> hue/unknown/warning
+DEPRECATION WARNING: $hue: Passing a unit other than deg is deprecated.
+
+To preserve current behavior: $hue / 1in
+
+See https://sass-lang.com/d/color-units
+
+  ,
+1 | a {b: change-color(red, $hue: 60in)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+<===>
+================================================================================
+<===> hue/angle/input.scss
+a {b: change-color(red, $hue: 60rad)}
+
+<===> hue/angle/output.css
+a {
+  b: yellow;
+}
+
+<===> hue/angle/warning
+DEPRECATION WARNING: $hue: Passing a unit other than deg is deprecated.
+
+You're passing 60rad, which is currently (incorrectly) converted to 60deg.
+Soon, it will instead be correctly converted to 3437.7467707849deg.
+
+To preserve current behavior: $hue * 1deg/1rad
+To migrate to new behavior: 0deg + $hue
+
+See https://sass-lang.com/d/color-units
+
+  ,
+1 | a {b: change-color(red, $hue: 60rad)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+<===>
+================================================================================
+<===> saturation/percent/input.scss
+a {b: change-color(red, $saturation: 50%)}
+
+<===> saturation/percent/output.css
+a {
+  b: #bf4040;
+}
+
+<===>
+================================================================================
+<===> saturation/unitless/input.scss
+a {b: change-color(red, $saturation: 50)}
+
+<===> saturation/unitless/output.css
+a {
+  b: #bf4040;
+}
+
+<===> saturation/unitless/warning
+DEPRECATION WARNING: $saturation: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $saturation * 1%
+
+  ,
+1 | a {b: change-color(red, $saturation: 50)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
+<===>
+================================================================================
+<===> saturation/unknown/input.scss
+a {b: change-color(red, $saturation: 50in)}
+
+<===> saturation/unknown/output.css
+a {
+  b: #bf4040;
+}
+
+<===> saturation/unknown/warning
+DEPRECATION WARNING: $saturation: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $saturation / 1in * 1%
+
+  ,
+1 | a {b: change-color(red, $saturation: 50in)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
+<===>
+================================================================================
+<===> lightness/percent/input.scss
+a {b: change-color(red, $lightness: 30%)}
+
+<===> lightness/percent/output.css
+a {
+  b: #990000;
+}
+
+<===>
+================================================================================
+<===> lightness/unitless/input.scss
+a {b: change-color(red, $lightness: 30)}
+
+<===> lightness/unitless/output.css
+a {
+  b: #990000;
+}
+
+<===> lightness/unitless/warning
+DEPRECATION WARNING: $lightness: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $lightness * 1%
+
+  ,
+1 | a {b: change-color(red, $lightness: 30)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
+<===>
+================================================================================
+<===> lightness/unknown/input.scss
+a {b: change-color(red, $lightness: 30in)}
+
+<===> lightness/unknown/output.css
+a {
+  b: #990000;
+}
+
+<===> lightness/unknown/warning
+DEPRECATION WARNING: $lightness: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $lightness / 1in * 1%
+
+  ,
+1 | a {b: change-color(red, $lightness: 30in)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
diff --git a/spec/core_functions/color/hsl/error/four_args.hrx b/spec/core_functions/color/hsl/error/four_args.hrx
index 0733d7817a..9f2eb3dc01 100644
--- a/spec/core_functions/color/hsl/error/four_args.hrx
+++ b/spec/core_functions/color/hsl/error/four_args.hrx
@@ -52,13 +52,13 @@ Error: $lightness: "foo" is not a number.
 ================================================================================
 <===> alpha/unit/input.scss
 a {
-  b: hsl(0, 0, 0, 0.5px);
+  b: hsl(0, 0%, 0%, 0.5px);
 }
 
 <===> alpha/unit/error
 Error: $alpha: Expected 0.5px to have no units or "%".
   ,
-2 |   b: hsl(0, 0, 0, 0.5px);
-  |      ^^^^^^^^^^^^^^^^^^^
+2 |   b: hsl(0, 0%, 0%, 0.5px);
+  |      ^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 2:6  root stylesheet
diff --git a/spec/core_functions/color/hsl/four_args/alpha.hrx b/spec/core_functions/color/hsl/four_args/alpha.hrx
index cd75e7c8a3..9f5ea05526 100644
--- a/spec/core_functions/color/hsl/four_args/alpha.hrx
+++ b/spec/core_functions/color/hsl/four_args/alpha.hrx
@@ -6,7 +6,7 @@
 <===>
 ================================================================================
 <===> percent/negative/input.scss
-a {b: hsl(0, 0, 0, -10%)}
+a {b: hsl(0, 0%, 0%, -10%)}
 
 <===> percent/negative/output.css
 a {
@@ -16,7 +16,7 @@ a {
 <===>
 ================================================================================
 <===> percent/min/input.scss
-a {b: hsl(0, 0, 0, 0%)}
+a {b: hsl(0, 0%, 0%, 0%)}
 
 <===> percent/min/output.css
 a {
@@ -26,7 +26,7 @@ a {
 <===>
 ================================================================================
 <===> percent/positive/input.scss
-a {b: hsl(0, 0, 0, 45.6%)}
+a {b: hsl(0, 0%, 0%, 45.6%)}
 
 <===> percent/positive/output.css
 a {
@@ -36,7 +36,7 @@ a {
 <===>
 ================================================================================
 <===> percent/max/input.scss
-a {b: hsl(0, 0, 0, 100%)}
+a {b: hsl(0, 0%, 0%, 100%)}
 
 <===> percent/max/output.css
 a {
@@ -46,7 +46,7 @@ a {
 <===>
 ================================================================================
 <===> percent/above_max/input.scss
-a {b: hsl(0, 0, 0, 250%)}
+a {b: hsl(0, 0%, 0%, 250%)}
 
 <===> percent/above_max/output.css
 a {
@@ -56,7 +56,7 @@ a {
 <===>
 ================================================================================
 <===> unitless/negative/input.scss
-a {b: hsl(0, 0, 0, -10)}
+a {b: hsl(0, 0%, 0%, -10)}
 
 <===> unitless/negative/output.css
 a {
@@ -66,7 +66,7 @@ a {
 <===>
 ================================================================================
 <===> unitless/min/input.scss
-a {b: hsl(0, 0, 0, 0)}
+a {b: hsl(0, 0%, 0%, 0)}
 
 <===> unitless/min/output.css
 a {
@@ -76,7 +76,7 @@ a {
 <===>
 ================================================================================
 <===> unitless/positive/input.scss
-a {b: hsl(0, 0, 0, 0.456)}
+a {b: hsl(0, 0%, 0%, 0.456)}
 
 <===> unitless/positive/output.css
 a {
@@ -86,7 +86,7 @@ a {
 <===>
 ================================================================================
 <===> unitless/max/input.scss
-a {b: hsl(0, 0, 0, 1)}
+a {b: hsl(0, 0%, 0%, 1)}
 
 <===> unitless/max/output.css
 a {
@@ -96,7 +96,7 @@ a {
 <===>
 ================================================================================
 <===> unitless/above_max/input.scss
-a {b: hsl(0, 0, 0, 250)}
+a {b: hsl(0, 0%, 0%, 250)}
 
 <===> unitless/above_max/output.css
 a {
diff --git a/spec/core_functions/color/hsl/one_arg/no_alpha.hrx b/spec/core_functions/color/hsl/one_arg/no_alpha.hrx
index 2eb1d44c65..16028fde03 100644
--- a/spec/core_functions/color/hsl/one_arg/no_alpha.hrx
+++ b/spec/core_functions/color/hsl/one_arg/no_alpha.hrx
@@ -86,6 +86,18 @@ a {
   b: #bf4040;
 }
 
+<===> units/saturation/unitless/warning
+DEPRECATION WARNING: $saturation: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $saturation * 1%
+
+  ,
+1 | a {b: hsl(0 50 50%)}
+  |       ^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
 <===>
 ================================================================================
 <===> units/lightness/unitless/input.scss
@@ -96,6 +108,18 @@ a {
   b: red;
 }
 
+<===> units/lightness/unitless/warning
+DEPRECATION WARNING: $lightness: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $lightness * 1%
+
+  ,
+1 | a {b: hsl(0 100% 50)}
+  |       ^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
 <===>
 ================================================================================
 <===> named/input.scss
diff --git a/spec/core_functions/color/hsl/three_args/units.hrx b/spec/core_functions/color/hsl/three_args/units.hrx
index 7d7a0c2763..2d4dd7ae9b 100644
--- a/spec/core_functions/color/hsl/three_args/units.hrx
+++ b/spec/core_functions/color/hsl/three_args/units.hrx
@@ -1,3 +1,10 @@
+<===> options.yml
+---
+:warning_todo:
+- libsass
+
+<===>
+================================================================================
 <===> hue/deg/input.scss
 a {b: hsl(0deg, 100%, 50%)}
 
@@ -6,6 +13,66 @@ a {
   b: red;
 }
 
+<===>
+================================================================================
+<===> hue/unitless/input.scss
+a {b: hsl(60, 100%, 50%)}
+
+<===> hue/unitless/output.css
+a {
+  b: yellow;
+}
+
+<===>
+================================================================================
+<===> hue/unknown/input.scss
+a {b: hsl(60in, 100%, 50%)}
+
+<===> hue/unknown/output.css
+a {
+  b: yellow;
+}
+
+<===> hue/unknown/warning
+DEPRECATION WARNING: $hue: Passing a unit other than deg is deprecated.
+
+To preserve current behavior: $hue / 1in
+
+See https://sass-lang.com/d/color-units
+
+  ,
+1 | a {b: hsl(60in, 100%, 50%)}
+  |       ^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+<===>
+================================================================================
+<===> hue/angle/input.scss
+a {b: hsl(60rad, 100%, 50%)}
+
+<===> hue/angle/output.css
+a {
+  b: yellow;
+}
+
+<===> hue/angle/warning
+DEPRECATION WARNING: $hue: Passing a unit other than deg is deprecated.
+
+You're passing 60rad, which is currently (incorrectly) converted to 60deg.
+Soon, it will instead be correctly converted to 3437.7467707849deg.
+
+To preserve current behavior: $hue * 1deg/1rad
+To migrate to new behavior: 0deg + $hue
+
+See https://sass-lang.com/d/color-units
+
+  ,
+1 | a {b: hsl(60rad, 100%, 50%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
 <===>
 ================================================================================
 <===> saturation/unitless/input.scss
@@ -16,6 +83,40 @@ a {
   b: #bf4040;
 }
 
+<===> saturation/unitless/warning
+DEPRECATION WARNING: $saturation: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $saturation * 1%
+
+  ,
+1 | a {b: hsl(0, 50, 50%)}
+  |       ^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
+<===>
+================================================================================
+<===> saturation/unknown/input.scss
+a {b: hsl(0, 50in, 50%)}
+
+<===> saturation/unknown/output.css
+a {
+  b: #bf4040;
+}
+
+<===> saturation/unknown/warning
+DEPRECATION WARNING: $saturation: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $saturation / 1in * 1%
+
+  ,
+1 | a {b: hsl(0, 50in, 50%)}
+  |       ^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
 <===>
 ================================================================================
 <===> lightness/unitless/input.scss
@@ -25,3 +126,37 @@ a {b: hsl(0, 100%, 50)}
 a {
   b: red;
 }
+
+<===> lightness/unitless/warning
+DEPRECATION WARNING: $lightness: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $lightness * 1%
+
+  ,
+1 | a {b: hsl(0, 100%, 50)}
+  |       ^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
+<===>
+================================================================================
+<===> lightness/unknown/input.scss
+a {b: hsl(0, 100%, 50in)}
+
+<===> lightness/unknown/output.css
+a {
+  b: red;
+}
+
+<===> lightness/unknown/warning
+DEPRECATION WARNING: $lightness: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $lightness / 1in * 1%
+
+  ,
+1 | a {b: hsl(0, 100%, 50in)}
+  |       ^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
diff --git a/spec/core_functions/color/hsla/error/four_args.hrx b/spec/core_functions/color/hsla/error/four_args.hrx
index 7da132b570..60fbd16f2b 100644
--- a/spec/core_functions/color/hsla/error/four_args.hrx
+++ b/spec/core_functions/color/hsla/error/four_args.hrx
@@ -74,13 +74,13 @@ Error: argument `$lightness` of `hsla($hue, $saturation, $lightness, $alpha)` mu
 
 <===> alpha/type/input.scss
 a {
-  b: hsla(0, 0, 0, 0.5px);
+  b: hsla(0, 0%, 0%, 0.5px);
 }
 
 <===> alpha/type/error
 Error: $alpha: Expected 0.5px to have no units or "%".
   ,
-2 |   b: hsla(0, 0, 0, 0.5px);
-  |      ^^^^^^^^^^^^^^^^^^^^
+2 |   b: hsla(0, 0%, 0%, 0.5px);
+  |      ^^^^^^^^^^^^^^^^^^^^^^
   '
   input.scss 2:6  root stylesheet
diff --git a/spec/core_functions/color/hsla/four_args/alpha.hrx b/spec/core_functions/color/hsla/four_args/alpha.hrx
index 78993442e3..d95451367d 100644
--- a/spec/core_functions/color/hsla/four_args/alpha.hrx
+++ b/spec/core_functions/color/hsla/four_args/alpha.hrx
@@ -6,7 +6,7 @@
 <===>
 ================================================================================
 <===> percent/negative/input.scss
-a {b: hsla(0, 0, 0, -10%)}
+a {b: hsla(0, 0%, 0%, -10%)}
 
 <===> percent/negative/output.css
 a {
@@ -16,7 +16,7 @@ a {
 <===>
 ================================================================================
 <===> percent/min/input.scss
-a {b: hsla(0, 0, 0, 0%)}
+a {b: hsla(0, 0%, 0%, 0%)}
 
 <===> percent/min/output.css
 a {
@@ -26,7 +26,7 @@ a {
 <===>
 ================================================================================
 <===> percent/positive/input.scss
-a {b: hsla(0, 0, 0, 45.6%)}
+a {b: hsla(0, 0%, 0%, 45.6%)}
 
 <===> percent/positive/output.css
 a {
@@ -36,7 +36,7 @@ a {
 <===>
 ================================================================================
 <===> percent/max/input.scss
-a {b: hsla(0, 0, 0, 100%)}
+a {b: hsla(0, 0%, 0%, 100%)}
 
 <===> percent/max/output.css
 a {
@@ -46,7 +46,7 @@ a {
 <===>
 ================================================================================
 <===> percent/above_max/input.scss
-a {b: hsla(0, 0, 0, 250%)}
+a {b: hsla(0, 0%, 0%, 250%)}
 
 <===> percent/above_max/output.css
 a {
@@ -56,7 +56,7 @@ a {
 <===>
 ================================================================================
 <===> unitless/negative/input.scss
-a {b: hsla(0, 0, 0, -10)}
+a {b: hsla(0, 0%, 0%, -10)}
 
 <===> unitless/negative/output.css
 a {
@@ -66,7 +66,7 @@ a {
 <===>
 ================================================================================
 <===> unitless/min/input.scss
-a {b: hsla(0, 0, 0, 0)}
+a {b: hsla(0, 0%, 0%, 0)}
 
 <===> unitless/min/output.css
 a {
@@ -76,7 +76,7 @@ a {
 <===>
 ================================================================================
 <===> unitless/positive/input.scss
-a {b: hsla(0, 0, 0, 0.456)}
+a {b: hsla(0, 0%, 0%, 0.456)}
 
 <===> unitless/positive/output.css
 a {
@@ -86,7 +86,7 @@ a {
 <===>
 ================================================================================
 <===> unitless/max/input.scss
-a {b: hsla(0, 0, 0, 1)}
+a {b: hsla(0, 0%, 0%, 1)}
 
 <===> unitless/max/output.css
 a {
@@ -96,7 +96,7 @@ a {
 <===>
 ================================================================================
 <===> unitless/above_max/input.scss
-a {b: hsla(0, 0, 0, 250)}
+a {b: hsla(0, 0%, 0%, 250)}
 
 <===> unitless/above_max/output.css
 a {
diff --git a/spec/core_functions/color/hsla/one_arg/no_alpha.hrx b/spec/core_functions/color/hsla/one_arg/no_alpha.hrx
index 4a4eecfb97..789d6fcbd3 100644
--- a/spec/core_functions/color/hsla/one_arg/no_alpha.hrx
+++ b/spec/core_functions/color/hsla/one_arg/no_alpha.hrx
@@ -86,6 +86,18 @@ a {
   b: #bf4040;
 }
 
+<===> units/saturation/unitless/warning
+DEPRECATION WARNING: $saturation: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $saturation * 1%
+
+  ,
+1 | a {b: hsla(0 50 50%)}
+  |       ^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
 <===>
 ================================================================================
 <===> units/lightness/unitless/input.scss
@@ -96,6 +108,18 @@ a {
   b: red;
 }
 
+<===> units/lightness/unitless/warning
+DEPRECATION WARNING: $lightness: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $lightness * 1%
+
+  ,
+1 | a {b: hsla(0 100% 50)}
+  |       ^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
 <===>
 ================================================================================
 <===> named/input.scss
diff --git a/spec/core_functions/color/hsla/three_args/units.hrx b/spec/core_functions/color/hsla/three_args/units.hrx
index 72dd178790..e20df519c7 100644
--- a/spec/core_functions/color/hsla/three_args/units.hrx
+++ b/spec/core_functions/color/hsla/three_args/units.hrx
@@ -1,3 +1,8 @@
+<===> options.yml
+---
+:warning_todo:
+- libsass
+
 <===>
 ================================================================================
 <===> hue/deg/input.scss
@@ -8,6 +13,66 @@ a {
   b: red;
 }
 
+<===>
+================================================================================
+<===> hue/unitless/input.scss
+a {b: hsla(60, 100%, 50%)}
+
+<===> hue/unitless/output.css
+a {
+  b: yellow;
+}
+
+<===>
+================================================================================
+<===> hue/unknown/input.scss
+a {b: hsla(60in, 100%, 50%)}
+
+<===> hue/unknown/output.css
+a {
+  b: yellow;
+}
+
+<===> hue/unknown/warning
+DEPRECATION WARNING: $hue: Passing a unit other than deg is deprecated.
+
+To preserve current behavior: $hue / 1in
+
+See https://sass-lang.com/d/color-units
+
+  ,
+1 | a {b: hsla(60in, 100%, 50%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+<===>
+================================================================================
+<===> hue/angle/input.scss
+a {b: hsla(60rad, 100%, 50%)}
+
+<===> hue/angle/output.css
+a {
+  b: yellow;
+}
+
+<===> hue/angle/warning
+DEPRECATION WARNING: $hue: Passing a unit other than deg is deprecated.
+
+You're passing 60rad, which is currently (incorrectly) converted to 60deg.
+Soon, it will instead be correctly converted to 3437.7467707849deg.
+
+To preserve current behavior: $hue * 1deg/1rad
+To migrate to new behavior: 0deg + $hue
+
+See https://sass-lang.com/d/color-units
+
+  ,
+1 | a {b: hsla(60rad, 100%, 50%)}
+  |       ^^^^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
 <===>
 ================================================================================
 <===> saturation/unitless/input.scss
@@ -18,6 +83,40 @@ a {
   b: #bf4040;
 }
 
+<===> saturation/unitless/warning
+DEPRECATION WARNING: $saturation: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $saturation * 1%
+
+  ,
+1 | a {b: hsla(0, 50, 50%)}
+  |       ^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
+<===>
+================================================================================
+<===> saturation/unknown/input.scss
+a {b: hsla(0, 50in, 50%)}
+
+<===> saturation/unknown/output.css
+a {
+  b: #bf4040;
+}
+
+<===> saturation/unknown/warning
+DEPRECATION WARNING: $saturation: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $saturation / 1in * 1%
+
+  ,
+1 | a {b: hsla(0, 50in, 50%)}
+  |       ^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
 <===>
 ================================================================================
 <===> lightness/unitless/input.scss
@@ -27,3 +126,37 @@ a {b: hsla(0, 100%, 50)}
 a {
   b: red;
 }
+
+<===> lightness/unitless/warning
+DEPRECATION WARNING: $lightness: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $lightness * 1%
+
+  ,
+1 | a {b: hsla(0, 100%, 50)}
+  |       ^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
+
+<===>
+================================================================================
+<===> lightness/unknown/input.scss
+a {b: hsla(0, 100%, 50in)}
+
+<===> lightness/unknown/output.css
+a {
+  b: red;
+}
+
+<===> lightness/unknown/warning
+DEPRECATION WARNING: $lightness: Passing a number without unit % is deprecated.
+
+To preserve current behavior: $lightness / 1in * 1%
+
+  ,
+1 | a {b: hsla(0, 100%, 50in)}
+  |       ^^^^^^^^^^^^^^^^^^^
+  '
+    input.scss 1:7  root stylesheet
+
diff --git a/spec/libsass-closed-issues/issue_1101.hrx b/spec/libsass-closed-issues/issue_1101.hrx
index b3f825e1d0..0439c858c4 100644
--- a/spec/libsass-closed-issues/issue_1101.hrx
+++ b/spec/libsass-closed-issues/issue_1101.hrx
@@ -1,7 +1,7 @@
 <===> input.scss
 $foo: white;
 foo {
-  bar: adjust-color($foo, $hue: -6deg, $lightness: -16, $saturation: -7);
+  bar: adjust-color($foo, $hue: -6deg, $lightness: -16%, $saturation: -7%);
 }
 <===> output.css
 foo {
diff --git a/spec/libsass/color-functions/other/change-color/l.hrx b/spec/libsass/color-functions/other/change-color/l.hrx
index a9f9e14fe9..445bc6b558 100644
--- a/spec/libsass/color-functions/other/change-color/l.hrx
+++ b/spec/libsass/color-functions/other/change-color/l.hrx
@@ -1,107 +1,107 @@
 <===> input.scss
 foo {
-  // c-1: change-color(red,$lightness:-1);
-  c0: change-color(red,$lightness:0);
-  c1: change-color(red,$lightness:1);
-  c2: change-color(red,$lightness:2);
-  c3: change-color(red,$lightness:3);
-  c4: change-color(red,$lightness:4);
-  c5: change-color(red,$lightness:5);
-  c6: change-color(red,$lightness:6);
-  c7: change-color(red,$lightness:7);
-  c8: change-color(red,$lightness:8);
-  c9: change-color(red,$lightness:9);
-  c10: change-color(red,$lightness:10);
-  c11: change-color(red,$lightness:11);
-  c12: change-color(red,$lightness:12);
-  c13: change-color(red,$lightness:13);
-  c14: change-color(red,$lightness:14);
-  c15: change-color(red,$lightness:15);
-  c16: change-color(red,$lightness:16);
-  c17: change-color(red,$lightness:17);
-  c18: change-color(red,$lightness:18);
-  c19: change-color(red,$lightness:19);
-  c20: change-color(red,$lightness:20);
-  c21: change-color(red,$lightness:21);
-  c22: change-color(red,$lightness:22);
-  c23: change-color(red,$lightness:23);
-  c24: change-color(red,$lightness:24);
-  c25: change-color(red,$lightness:25);
-  c26: change-color(red,$lightness:26);
-  c27: change-color(red,$lightness:27);
-  c28: change-color(red,$lightness:28);
-  c29: change-color(red,$lightness:29);
-  c30: change-color(red,$lightness:30);
-  c31: change-color(red,$lightness:31);
-  c32: change-color(red,$lightness:32);
-  c33: change-color(red,$lightness:33);
-  c34: change-color(red,$lightness:34);
-  c35: change-color(red,$lightness:35);
-  c36: change-color(red,$lightness:36);
-  c37: change-color(red,$lightness:37);
-  c38: change-color(red,$lightness:38);
-  c39: change-color(red,$lightness:39);
-  c40: change-color(red,$lightness:40);
-  c41: change-color(red,$lightness:41);
-  c42: change-color(red,$lightness:42);
-  c43: change-color(red,$lightness:43);
-  c44: change-color(red,$lightness:44);
-  c45: change-color(red,$lightness:45);
-  c46: change-color(red,$lightness:46);
-  c47: change-color(red,$lightness:47);
-  c48: change-color(red,$lightness:48);
-  c49: change-color(red,$lightness:49);
-  c50: change-color(red,$lightness:50);
-  c51: change-color(red,$lightness:51);
-  c52: change-color(red,$lightness:52);
-  c53: change-color(red,$lightness:53);
-  c54: change-color(red,$lightness:54);
-  c55: change-color(red,$lightness:55);
-  c56: change-color(red,$lightness:56);
-  c57: change-color(red,$lightness:57);
-  c58: change-color(red,$lightness:58);
-  c59: change-color(red,$lightness:59);
-  c60: change-color(red,$lightness:60);
-  c61: change-color(red,$lightness:61);
-  c62: change-color(red,$lightness:62);
-  c63: change-color(red,$lightness:63);
-  c64: change-color(red,$lightness:64);
-  c65: change-color(red,$lightness:65);
-  c66: change-color(red,$lightness:66);
-  c67: change-color(red,$lightness:67);
-  c68: change-color(red,$lightness:68);
-  c69: change-color(red,$lightness:69);
-  c70: change-color(red,$lightness:70);
-  c71: change-color(red,$lightness:71);
-  c72: change-color(red,$lightness:72);
-  c73: change-color(red,$lightness:73);
-  c74: change-color(red,$lightness:74);
-  c75: change-color(red,$lightness:75);
-  c76: change-color(red,$lightness:76);
-  c77: change-color(red,$lightness:77);
-  c78: change-color(red,$lightness:78);
-  c79: change-color(red,$lightness:79);
-  c80: change-color(red,$lightness:80);
-  c81: change-color(red,$lightness:81);
-  c82: change-color(red,$lightness:82);
-  c83: change-color(red,$lightness:83);
-  c84: change-color(red,$lightness:84);
-  c85: change-color(red,$lightness:85);
-  c86: change-color(red,$lightness:86);
-  c87: change-color(red,$lightness:87);
-  c88: change-color(red,$lightness:88);
-  c89: change-color(red,$lightness:89);
-  c90: change-color(red,$lightness:90);
-  c91: change-color(red,$lightness:91);
-  c92: change-color(red,$lightness:92);
-  c93: change-color(red,$lightness:93);
-  c94: change-color(red,$lightness:94);
-  c95: change-color(red,$lightness:95);
-  c96: change-color(red,$lightness:96);
-  c97: change-color(red,$lightness:97);
-  c98: change-color(red,$lightness:98);
-  c99: change-color(red,$lightness:99);
-  // c100: change-color(red,$lightness:100);
+  // c-1: change-color(red,$lightness:-1%);
+  c0: change-color(red,$lightness:0%);
+  c1: change-color(red,$lightness:1%);
+  c2: change-color(red,$lightness:2%);
+  c3: change-color(red,$lightness:3%);
+  c4: change-color(red,$lightness:4%);
+  c5: change-color(red,$lightness:5%);
+  c6: change-color(red,$lightness:6%);
+  c7: change-color(red,$lightness:7%);
+  c8: change-color(red,$lightness:8%);
+  c9: change-color(red,$lightness:9%);
+  c10: change-color(red,$lightness:10%);
+  c11: change-color(red,$lightness:11%);
+  c12: change-color(red,$lightness:12%);
+  c13: change-color(red,$lightness:13%);
+  c14: change-color(red,$lightness:14%);
+  c15: change-color(red,$lightness:15%);
+  c16: change-color(red,$lightness:16%);
+  c17: change-color(red,$lightness:17%);
+  c18: change-color(red,$lightness:18%);
+  c19: change-color(red,$lightness:19%);
+  c20: change-color(red,$lightness:20%);
+  c21: change-color(red,$lightness:21%);
+  c22: change-color(red,$lightness:22%);
+  c23: change-color(red,$lightness:23%);
+  c24: change-color(red,$lightness:24%);
+  c25: change-color(red,$lightness:25%);
+  c26: change-color(red,$lightness:26%);
+  c27: change-color(red,$lightness:27%);
+  c28: change-color(red,$lightness:28%);
+  c29: change-color(red,$lightness:29%);
+  c30: change-color(red,$lightness:30%);
+  c31: change-color(red,$lightness:31%);
+  c32: change-color(red,$lightness:32%);
+  c33: change-color(red,$lightness:33%);
+  c34: change-color(red,$lightness:34%);
+  c35: change-color(red,$lightness:35%);
+  c36: change-color(red,$lightness:36%);
+  c37: change-color(red,$lightness:37%);
+  c38: change-color(red,$lightness:38%);
+  c39: change-color(red,$lightness:39%);
+  c40: change-color(red,$lightness:40%);
+  c41: change-color(red,$lightness:41%);
+  c42: change-color(red,$lightness:42%);
+  c43: change-color(red,$lightness:43%);
+  c44: change-color(red,$lightness:44%);
+  c45: change-color(red,$lightness:45%);
+  c46: change-color(red,$lightness:46%);
+  c47: change-color(red,$lightness:47%);
+  c48: change-color(red,$lightness:48%);
+  c49: change-color(red,$lightness:49%);
+  c50: change-color(red,$lightness:50%);
+  c51: change-color(red,$lightness:51%);
+  c52: change-color(red,$lightness:52%);
+  c53: change-color(red,$lightness:53%);
+  c54: change-color(red,$lightness:54%);
+  c55: change-color(red,$lightness:55%);
+  c56: change-color(red,$lightness:56%);
+  c57: change-color(red,$lightness:57%);
+  c58: change-color(red,$lightness:58%);
+  c59: change-color(red,$lightness:59%);
+  c60: change-color(red,$lightness:60%);
+  c61: change-color(red,$lightness:61%);
+  c62: change-color(red,$lightness:62%);
+  c63: change-color(red,$lightness:63%);
+  c64: change-color(red,$lightness:64%);
+  c65: change-color(red,$lightness:65%);
+  c66: change-color(red,$lightness:66%);
+  c67: change-color(red,$lightness:67%);
+  c68: change-color(red,$lightness:68%);
+  c69: change-color(red,$lightness:69%);
+  c70: change-color(red,$lightness:70%);
+  c71: change-color(red,$lightness:71%);
+  c72: change-color(red,$lightness:72%);
+  c73: change-color(red,$lightness:73%);
+  c74: change-color(red,$lightness:74%);
+  c75: change-color(red,$lightness:75%);
+  c76: change-color(red,$lightness:76%);
+  c77: change-color(red,$lightness:77%);
+  c78: change-color(red,$lightness:78%);
+  c79: change-color(red,$lightness:79%);
+  c80: change-color(red,$lightness:80%);
+  c81: change-color(red,$lightness:81%);
+  c82: change-color(red,$lightness:82%);
+  c83: change-color(red,$lightness:83%);
+  c84: change-color(red,$lightness:84%);
+  c85: change-color(red,$lightness:85%);
+  c86: change-color(red,$lightness:86%);
+  c87: change-color(red,$lightness:87%);
+  c88: change-color(red,$lightness:88%);
+  c89: change-color(red,$lightness:89%);
+  c90: change-color(red,$lightness:90%);
+  c91: change-color(red,$lightness:91%);
+  c92: change-color(red,$lightness:92%);
+  c93: change-color(red,$lightness:93%);
+  c94: change-color(red,$lightness:94%);
+  c95: change-color(red,$lightness:95%);
+  c96: change-color(red,$lightness:96%);
+  c97: change-color(red,$lightness:97%);
+  c98: change-color(red,$lightness:98%);
+  c99: change-color(red,$lightness:99%);
+  // c100: change-color(red,$lightness:100%);
 }
 
 <===> output.css
diff --git a/spec/libsass/color-functions/other/change-color/s.hrx b/spec/libsass/color-functions/other/change-color/s.hrx
index e2b5fc98bd..6be178c555 100644
--- a/spec/libsass/color-functions/other/change-color/s.hrx
+++ b/spec/libsass/color-functions/other/change-color/s.hrx
@@ -1,108 +1,108 @@
 <===> input.scss
 foo {
-  // c-1: change-color(red,$saturation:-1);
-  c0: change-color(red,$saturation:0);
-  c1: change-color(red,$saturation:1);
-  c2: change-color(red,$saturation:2);
-  c3: change-color(red,$saturation:3);
-  c4: change-color(red,$saturation:4);
-  c5: change-color(red,$saturation:5);
-  c6: change-color(red,$saturation:6);
-  c7: change-color(red,$saturation:7);
-  c8: change-color(red,$saturation:8);
-  c9: change-color(red,$saturation:9);
-  c10: change-color(red,$saturation:10);
-  c11: change-color(red,$saturation:11);
-  c12: change-color(red,$saturation:12);
-  c13: change-color(red,$saturation:13);
-  c14: change-color(red,$saturation:14);
-  c15: change-color(red,$saturation:15);
-  c16: change-color(red,$saturation:16);
-  c17: change-color(red,$saturation:17);
-  c18: change-color(red,$saturation:18);
-  c19: change-color(red,$saturation:19);
-  c20: change-color(red,$saturation:20);
-  c21: change-color(red,$saturation:21);
-  c22: change-color(red,$saturation:22);
-  c23: change-color(red,$saturation:23);
-  c24: change-color(red,$saturation:24);
-  c25: change-color(red,$saturation:25);
-  c26: change-color(red,$saturation:26);
-  c27: change-color(red,$saturation:27);
-  c28: change-color(red,$saturation:28);
-  c29: change-color(red,$saturation:29);
-  c30: change-color(red,$saturation:30);
-  c31: change-color(red,$saturation:31);
-  c32: change-color(red,$saturation:32);
-  c33: change-color(red,$saturation:33);
-  c34: change-color(red,$saturation:34);
-  c35: change-color(red,$saturation:35);
-  c36: change-color(red,$saturation:36);
-  c37: change-color(red,$saturation:37);
-  c38: change-color(red,$saturation:38);
-  c39: change-color(red,$saturation:39);
-  c40: change-color(red,$saturation:40);
-  c41: change-color(red,$saturation:41);
-  c42: change-color(red,$saturation:42);
-  c43: change-color(red,$saturation:43);
-  c44: change-color(red,$saturation:44);
-  c45: change-color(red,$saturation:45);
-  c46: change-color(red,$saturation:46);
-  c47: change-color(red,$saturation:47);
-  c48: change-color(red,$saturation:48);
-  c49: change-color(red,$saturation:49);
-  c50: change-color(red,$saturation:50);
-  c51: change-color(red,$saturation:51);
-  c52: change-color(red,$saturation:52);
-  c53: change-color(red,$saturation:53);
-  c54: change-color(red,$saturation:54);
-  c55: change-color(red,$saturation:55);
-  c56: change-color(red,$saturation:56);
-  c57: change-color(red,$saturation:57);
-  c58: change-color(red,$saturation:58);
-  c59: change-color(red,$saturation:59);
-  c60: change-color(red,$saturation:60);
-  c61: change-color(red,$saturation:61);
-  c62: change-color(red,$saturation:62);
-  c63: change-color(red,$saturation:63);
-  c64: change-color(red,$saturation:64);
-  c65: change-color(red,$saturation:65);
-  c66: change-color(red,$saturation:66);
-  c67: change-color(red,$saturation:67);
-  c68: change-color(red,$saturation:68);
-  c69: change-color(red,$saturation:69);
-  c70: change-color(red,$saturation:70);
-  c71: change-color(red,$saturation:71);
-  c72: change-color(red,$saturation:72);
-  c73: change-color(red,$saturation:73);
-  c74: change-color(red,$saturation:74);
-  c75: change-color(red,$saturation:75);
-  c76: change-color(red,$saturation:76);
-  c77: change-color(red,$saturation:77);
-  c78: change-color(red,$saturation:78);
-  c79: change-color(red,$saturation:79);
-  c80: change-color(red,$saturation:80);
-  c81: change-color(red,$saturation:81);
-  c82: change-color(red,$saturation:82);
-  c83: change-color(red,$saturation:83);
-  c84: change-color(red,$saturation:84);
-  c85: change-color(red,$saturation:85);
-  c86: change-color(red,$saturation:86);
-  c87: change-color(red,$saturation:87);
-  c88: change-color(red,$saturation:88);
-  c89: change-color(red,$saturation:89);
-  c90: change-color(red,$saturation:90);
-  c91: change-color(red,$saturation:91);
-  c92: change-color(red,$saturation:92);
-  c93: change-color(red,$saturation:93);
-  c94: change-color(red,$saturation:94);
-  c95: change-color(red,$saturation:95);
-  c96: change-color(red,$saturation:96);
-  c97: change-color(red,$saturation:97);
-  c98: change-color(red,$saturation:98);
-  c99: change-color(red,$saturation:99);
-  c100: change-color(red,$saturation:100);
-  // c101: change-color(red,$saturation:101);
+  // c-1: change-color(red,$saturation:-1%);
+  c0: change-color(red,$saturation:0%);
+  c1: change-color(red,$saturation:1%);
+  c2: change-color(red,$saturation:2%);
+  c3: change-color(red,$saturation:3%);
+  c4: change-color(red,$saturation:4%);
+  c5: change-color(red,$saturation:5%);
+  c6: change-color(red,$saturation:6%);
+  c7: change-color(red,$saturation:7%);
+  c8: change-color(red,$saturation:8%);
+  c9: change-color(red,$saturation:9%);
+  c10: change-color(red,$saturation:10%);
+  c11: change-color(red,$saturation:11%);
+  c12: change-color(red,$saturation:12%);
+  c13: change-color(red,$saturation:13%);
+  c14: change-color(red,$saturation:14%);
+  c15: change-color(red,$saturation:15%);
+  c16: change-color(red,$saturation:16%);
+  c17: change-color(red,$saturation:17%);
+  c18: change-color(red,$saturation:18%);
+  c19: change-color(red,$saturation:19%);
+  c20: change-color(red,$saturation:20%);
+  c21: change-color(red,$saturation:21%);
+  c22: change-color(red,$saturation:22%);
+  c23: change-color(red,$saturation:23%);
+  c24: change-color(red,$saturation:24%);
+  c25: change-color(red,$saturation:25%);
+  c26: change-color(red,$saturation:26%);
+  c27: change-color(red,$saturation:27%);
+  c28: change-color(red,$saturation:28%);
+  c29: change-color(red,$saturation:29%);
+  c30: change-color(red,$saturation:30%);
+  c31: change-color(red,$saturation:31%);
+  c32: change-color(red,$saturation:32%);
+  c33: change-color(red,$saturation:33%);
+  c34: change-color(red,$saturation:34%);
+  c35: change-color(red,$saturation:35%);
+  c36: change-color(red,$saturation:36%);
+  c37: change-color(red,$saturation:37%);
+  c38: change-color(red,$saturation:38%);
+  c39: change-color(red,$saturation:39%);
+  c40: change-color(red,$saturation:40%);
+  c41: change-color(red,$saturation:41%);
+  c42: change-color(red,$saturation:42%);
+  c43: change-color(red,$saturation:43%);
+  c44: change-color(red,$saturation:44%);
+  c45: change-color(red,$saturation:45%);
+  c46: change-color(red,$saturation:46%);
+  c47: change-color(red,$saturation:47%);
+  c48: change-color(red,$saturation:48%);
+  c49: change-color(red,$saturation:49%);
+  c50: change-color(red,$saturation:50%);
+  c51: change-color(red,$saturation:51%);
+  c52: change-color(red,$saturation:52%);
+  c53: change-color(red,$saturation:53%);
+  c54: change-color(red,$saturation:54%);
+  c55: change-color(red,$saturation:55%);
+  c56: change-color(red,$saturation:56%);
+  c57: change-color(red,$saturation:57%);
+  c58: change-color(red,$saturation:58%);
+  c59: change-color(red,$saturation:59%);
+  c60: change-color(red,$saturation:60%);
+  c61: change-color(red,$saturation:61%);
+  c62: change-color(red,$saturation:62%);
+  c63: change-color(red,$saturation:63%);
+  c64: change-color(red,$saturation:64%);
+  c65: change-color(red,$saturation:65%);
+  c66: change-color(red,$saturation:66%);
+  c67: change-color(red,$saturation:67%);
+  c68: change-color(red,$saturation:68%);
+  c69: change-color(red,$saturation:69%);
+  c70: change-color(red,$saturation:70%);
+  c71: change-color(red,$saturation:71%);
+  c72: change-color(red,$saturation:72%);
+  c73: change-color(red,$saturation:73%);
+  c74: change-color(red,$saturation:74%);
+  c75: change-color(red,$saturation:75%);
+  c76: change-color(red,$saturation:76%);
+  c77: change-color(red,$saturation:77%);
+  c78: change-color(red,$saturation:78%);
+  c79: change-color(red,$saturation:79%);
+  c80: change-color(red,$saturation:80%);
+  c81: change-color(red,$saturation:81%);
+  c82: change-color(red,$saturation:82%);
+  c83: change-color(red,$saturation:83%);
+  c84: change-color(red,$saturation:84%);
+  c85: change-color(red,$saturation:85%);
+  c86: change-color(red,$saturation:86%);
+  c87: change-color(red,$saturation:87%);
+  c88: change-color(red,$saturation:88%);
+  c89: change-color(red,$saturation:89%);
+  c90: change-color(red,$saturation:90%);
+  c91: change-color(red,$saturation:91%);
+  c92: change-color(red,$saturation:92%);
+  c93: change-color(red,$saturation:93%);
+  c94: change-color(red,$saturation:94%);
+  c95: change-color(red,$saturation:95%);
+  c96: change-color(red,$saturation:96%);
+  c97: change-color(red,$saturation:97%);
+  c98: change-color(red,$saturation:98%);
+  c99: change-color(red,$saturation:99%);
+  c100: change-color(red,$saturation:100%);
+  // c101: change-color(red,$saturation:101%);
 }
 
 <===> output.css