feat(component-builder,component-builder-simple): add at-rule-packer to combine like at-rules

Author: castastrophe

tools/component-builder-simple/css/processors.js

@@ -26,11 +26,12 @@ function getProcessors({ noFlatVariables = false, noSelectors = false, keepComme
 			noSelectors,
 		}),
 		require("postcss-custom-properties-passthrough")(),
+		require("postcss-hover-media-feature"),
 		require("postcss-calc"),
 		require("postcss-dropunusedvars")({ fix: false }),
 		require("postcss-dropdupedvars"),
 		require("postcss-discard-empty"),
-    require("postcss-hover-media-feature"),
+		require("at-rule-packer"),
 		!keepComments ? require("postcss-discard-comments")({ removeAllButFirst: true }) : null,
 		require("autoprefixer")({}),
 	].filter(Boolean);

tools/component-builder-simple/package.json

@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "@spectrum-css/tokens": "^13.0.9",
+    "at-rule-packer": "^0.4.2",
     "autoprefixer": "^10.4.17",
     "colors": "^1.4.0",
     "gulp": "^4.0.0",

tools/component-builder/css/processors.js

@@ -61,6 +61,7 @@ function getProcessors(
 		require("postcss-logical")(),
 		require("postcss-dir-pseudo-class")(),
 		require("postcss-custom-properties-passthrough")(),
+		require("postcss-hover-media-feature"),
 		require("postcss-calc"),
 		keepVars ? require("postcss-custom-properties-mapping")({
 			tokenDir: varDir,
@@ -85,7 +86,7 @@ function getProcessors(
 		require("postcss-droproot"),
 		secondNotNested ? require("postcss-notnested")() : null, // Second one to catch all stray &
 		require("postcss-discard-empty"),
-    require("postcss-hover-media-feature"),
+		require("at-rule-packer"),
 		require("postcss-discard-comments")({ removeAllButFirst: true }),
 		require("autoprefixer")({}),
 	].filter(Boolean);

tools/component-builder/package.json

@@ -14,6 +14,7 @@
   "dependencies": {
     "@spectrum-css/tokens": "^13.0.9",
     "@spectrum-css/vars": "^9.0.8",
+    "at-rule-packer": "^0.4.2",
     "autoprefixer": "^10.4.17",
     "browser-sync": "^2.26.14",
     "colors": "^1.4.0",

yarn.lock

@@ -5791,6 +5791,11 @@ at-least-node@^1.0.0:
   resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
   integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
 
+at-rule-packer@^0.4.2:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/at-rule-packer/-/at-rule-packer-0.4.2.tgz#24bd159e89466ee404d307ffff6e272e081331f9"
+  integrity sha512-UHzrnwrw2sZOOfnUKpoWwdVyJgU/ZAC6POTSW3NiNWxAApbb41Nz2KamlOKQMB6xS7I0WFvMJmZ6coudzmuEbQ==
+
 atob@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"