From 32ab4d9b7d20d9dbebed3b7f348b20bf732c52a4 Mon Sep 17 00:00:00 2001 From: jmlee2k Date: Wed, 1 Jun 2022 15:33:50 -0400 Subject: [PATCH] fix(postcss-ordered-values): preserve constant values (#1411) --- packages/postcss-ordered-values/src/index.js | 2 +- packages/postcss-ordered-values/test/index.js | 10 ++++++++++ 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/packages/postcss-ordered-values/src/index.js b/packages/postcss-ordered-values/src/index.js index 8ccb8aa2d..72a36a53f 100644 --- 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 index 272b67478..792671e2b 100644 --- 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(