✨ feat(_size.scss): generate-classes-for-viewport should reuse logic …

…from generate-classes-for-viewport-with-map

dist/cirrus-all.css

@@ -28,7 +28,10 @@
             )
         )
     );
-
+*/
+/*
+    Converts a list of properties to a mapping where the key and value are the property
+    itself.
 */
 /*
     Group selectors that share common styling.

dist/cirrus-core.css

@@ -27,7 +27,10 @@
             )
         )
     );
-
+*/
+/*
+    Converts a list of properties to a mapping where the key and value are the property
+    itself.
 */
 /*
     Group selectors that share common styling.

dist/cirrus.css

@@ -28,7 +28,10 @@
             )
         )
     );
-
+*/
+/*
+    Converts a list of properties to a mapping where the key and value are the property
+    itself.
 */
 /*
     Group selectors that share common styling.

src/internal/_size.scss

@@ -1,4 +1,5 @@
 @use 'config';
+@use 'functions';
 
 /* Media Queries */
 // TODO: For viewport mixins, future option to not fail if key not found and to ignore instead?
@@ -43,27 +44,15 @@
     $generate-viewports: 'true',
     $include-important: 'true'
 ) {
-    // We build in this order since we want larger viewports to have higher precedence
-    // so we can write classes like u-none u-block-md u-none-lg
-    $important: if($include-important == 'true', '!important', '');
+    $mapping: functions.to-property-map($classes);
 
-    @each $class in $classes {
-        .#{$prefix}#{$class} {
-            #{$property}: $class#{$important};
-        }
-    }
-
-    @if $generate-viewports == 'true' {
-        @each $suffix, $limit in config.$breakpoint-pairs {
-            @each $class in $classes {
-                @include screen-above($limit) {
-                    .#{$prefix}#{$class}-#{$suffix} {
-                        #{$property}: $class#{$important};
-                    }
-                }
-            }
-        }
-    }
+    @include generate-classes-for-viewport-with-map(
+        $mapping,
+        $property,
+        $prefix,
+        $generate-viewports,
+        $include-important
+    );
 }
 
 /* Variant of mixin that takes in mapping of class name to value */