[WIP] Ensure non-responsive React props are properly encapsulated when converted to CSS Custom Properties

Author: jesstelford

polaris-react/src/components/HorizontalStack/HorizontalStack.scss

@@ -1,12 +1,13 @@
 @import '../../styles/common';
 
 .HorizontalStack {
-  @include responsive-props('horizontal-stack', 'gap', 'gap');
   display: flex;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  flex-wrap: var(--pc-horizontal-stack-wrap);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: var(--pc-horizontal-stack-block-align);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  justify-content: var(--pc-horizontal-stack-align);
+  @include responsive-props('horizontal-stack', 'gap', 'gap');
+  @include non-responsive-prop('horizontal-stack', 'wrap', 'flex-wrap');
+  @include non-responsive-prop(
+    'horizontal-stack',
+    'block-align',
+    'align-items'
+  );
+  @include non-responsive-prop('horizontal-stack', 'align', 'justify-content');
 }