fix(postcss-ordered-values): preserve constant values (#1411)

cssnano · Jun 1, 2022 · 32ab4d9 · 32ab4d9
1 parent ffa084e
commit 32ab4d9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/postcss-ordered-values/src/index.js b/packages/postcss-ordered-values/src/index.js
@@ -72,7 +72,7 @@ function isVariableFunctionNode(node) {
     return false;
   }
 
-  return ['var', 'env'].includes(node.value.toLowerCase());
+  return ['var', 'env', 'constant'].includes(node.value.toLowerCase());
 }
 
 /**

diff --git a/packages/postcss-ordered-values/test/index.js b/packages/postcss-ordered-values/test/index.js
@@ -580,6 +580,16 @@ test(
   passthroughCSS('border-bottom:ENV(safe-area-inset-bottom) solid transparent')
 );
 
+test(
+  'should abort ordering when a constant is detected (border)',
+  passthroughCSS('border-bottom:constant(safe-area-inset-bottom) solid transparent')
+);
+
+test(
+  'should abort ordering when a constant is detected (border) (uppercase)',
+  passthroughCSS('border-bottom:CONSTANT(safe-area-inset-bottom) solid transparent')
+);
+
 test('should use the postcss plugin api', usePostCSSPlugin(plugin()));
 
 test(