Flyout: Add interpolation to Sass size variable (HDS-3206) (#1994)

Co-authored-by: Alex <[email protected]>

Author: KristinLBradley

.changeset/khaki-trees-sit.md

@@ -0,0 +1,5 @@
+---
+"@hashicorp/design-system-components": patch
+---
+
+`Flyout` - Fixed issue with Sass operators failing in old versions of Sass

packages/components/src/styles/components/flyout.scss

@@ -10,11 +10,11 @@
 $hds-flyout-max-width: calc(100vw - var(--hds-app-sidenav-width-minimized) / 2 );
 
 @mixin hds-flyout-position($size) {
-  width: min($size, #{$hds-flyout-max-width});
+  width: min(#{$size}, #{$hds-flyout-max-width});
   max-width: $hds-flyout-max-width;
 
   &[open] {
-    margin-left: calc(100% - min($size, #{$hds-flyout-max-width}));
+    margin-left: calc(100% - min(#{$size}, #{$hds-flyout-max-width}));
   }
 }