fix(rem): add rem function back (#14423)

tw15egan · tay1orjones · web-flow · commit bb4db4c5fc7d · 2023-08-16T14:49:35.000Z
Co-authored-by: Taylor Jones &lt;tay1orjones@users.noreply.github.com&gt;
diff --git a/packages/layout/scss/_convert.scss b/packages/layout/scss/_convert.scss
@@ -27,6 +27,21 @@ $base-font-size: 16px !default;
   @return math.div($px, $base-font-size) * 1rem;
 }
 
+/// This function causes an error when using sass > 1.65.0
+/// Replaced with `to-rem` function
+/// @param {Number} $px - Number with px unit
+/// @return {Number} Number with rem unit
+/// @access public
+/// @deprecated
+/// @group @carbon/layout
+@function rem($px) {
+  @if unit($px) != 'px' {
+    @error "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
+  }
+
+  @return math.div($px, $base-font-size) * 1rem;
+}
+
 /// Convert a given px unit to a em unit
 /// @param {Number} $px - Number with px unit
 /// @return {Number} Number with em unit
diff --git a/packages/layout/scss/modules/_convert.scss b/packages/layout/scss/modules/_convert.scss
@@ -27,6 +27,21 @@ $base-font-size: 16px !default;
   @return math.div($px, $base-font-size) * 1rem;
 }
 
+/// This function causes an error when using sass > 1.65.0
+/// Replaced with `to-rem` function
+/// @param {Number} $px - Number with px unit
+/// @return {Number} Number with rem unit
+/// @access public
+/// @deprecated
+/// @group @carbon/layout
+@function rem($px) {
+  @if unit($px) != 'px' {
+    @error "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
+  }
+
+  @return math.div($px, $base-font-size) * 1rem;
+}
+
 /// Convert a given px unit to a em unit
 /// @param {Number} $px - Number with px unit
 /// @return {Number} Number with em unit
diff --git a/packages/styles/scss/utilities/_convert.scss b/packages/styles/scss/utilities/_convert.scss
@@ -26,6 +26,21 @@ $base-font-size: 16px !default;
   @return math.div($px, $base-font-size) * 1rem;
 }
 
+/// This function causes an error when using sass > 1.65.0
+/// Replaced with `to-rem` function
+/// @param {Number} $px - Number with px unit
+/// @return {Number} Number with rem unit
+/// @access public
+/// @deprecated
+/// @group @carbon/layout
+@function rem($px) {
+  @if unit($px) != 'px' {
+    @error "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
+  }
+
+  @return math.div($px, $base-font-size) * 1rem;
+}
+
 /// Convert a given px unit to a em unit
 /// @param {Number} $px - Number with px unit
 /// @return {Number} Number with em unit
