case insensitive processing and consistent cloning (#502)

* wip

* color()

* some more plugins

* fix

* a few more

* postcss-font-format-keywords

* gap properties

* hwb and design tokens

* more

* update test expect files

* more updates

* more updates

* a few more

* finish up

* changelog

* final fixes

* clarify

Author: romainmenke

.github/labeler.yml

@@ -164,9 +164,9 @@
   - plugins/postcss-pseudo-class-any-link/**
   - experimental/postcss-pseudo-class-any-link/**
 
-"plugins/postcss-rebeccapurple":
-  - plugins/postcss-rebeccapurple/**
-  - experimental/postcss-rebeccapurple/**
+"plugins/postcss-color-rebeccapurple":
+  - plugins/postcss-color-rebeccapurple/**
+  - experimental/postcss-color-rebeccapurple/**
 
 "plugins/postcss-replace-overflow-wrap":
   - plugins/postcss-replace-overflow-wrap/**

package-lock.json

@@ -1,5 +1,9 @@
 # Changes to Selector Specificity
 
+### Unreleased
+
+- Fix case insensitive matching.
+
 ### 2.0.1 (June 10, 2022)
 
 - Fixed: Exception on `:nth-child` without arguments. [#439](https://github.com/csstools/postcss-plugins/issues/439)

packages/selector-specificity/CHANGELOG.md

@@ -39,7 +39,7 @@ export function selectorSpecificity(node: Node): Specificity {
 	} else if (isPseudoElement(node)) {
 		c += 1;
 	} else if (parser.isPseudoClass(node)) {
-		switch (node.value) {
+		switch (node.value.toLowerCase()) {
 			case ':-moz-any':
 			case ':-webkit-any':
 			case ':any':
@@ -74,7 +74,7 @@ export function selectorSpecificity(node: Node): Specificity {
 
 					if (node.nodes && node.nodes.length > 0) {
 						const ofSeparatorIndex = node.nodes[0].nodes.findIndex((x) => {
-							return x.type === 'tag' && x.value === 'of';
+							return x.type === 'tag' && x.value.toLowerCase() === 'of';
 						});
 
 						if (ofSeparatorIndex > -1) {

packages/selector-specificity/src/index.ts

@@ -518,7 +518,6 @@
 	text-indent: 2em;
 	content: var(--value-2ic);
 	left: 2em;
-	left: 2em;
 	left: var(--non-existing, 2em);
 	width: calc(8em + 20px);
 	height: 10px;

plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css

@@ -518,7 +518,6 @@
 	text-indent: 2em;
 	content: var(--value-2ic);
 	left: 2em;
-	left: 2em;
 	left: var(--non-existing, 2em);
 	width: calc(8em + 20px);
 	height: 10px;

plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css

@@ -438,7 +438,6 @@
 	text-indent: 2em;
 	content: var(--value-2ic);
 	left: 2em;
-	left: 2em;
 	left: var(--non-existing, 2em);
 	width: calc(8em + 20px);
 	height: 10px;

plugin-packs/postcss-preset-env/test/basic.ch38.expect.css

@@ -541,7 +541,6 @@
 	text-indent: 2em;
 	content: var(--value-2ic);
 	left: 2em;
-	left: 2em;
 	left: var(--non-existing, 2em);
 	width: calc(8em + 20px);
 	height: 10px;

plugin-packs/postcss-preset-env/test/basic.expect.css

@@ -557,7 +557,6 @@
 	text-indent: 2em;
 	content: var(--value-2ic);
 	left: 2em;
-	left: 2em;
 	left: var(--non-existing, 2em);
 	width: calc(8em + 20px);
 	height: 10px;

plugin-packs/postcss-preset-env/test/basic.ie10.expect.css

@@ -539,7 +539,6 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te
 	text-indent: 2em;
 	content: var(--value-2ic);
 	left: 2em;
-	left: 2em;
 	left: var(--non-existing, 2em);
 	width: calc(8em + 20px);
 	height: 10px;