Fix unit-disallowed-list false negatives with percentages

.changeset/angry-mails-give.md

@@ -0,0 +1,5 @@
+---
+"stylelint": patch
+---
+
+Fixed: `unit-disallowed-list` false negatives with percentages

lib/rules/unit-disallowed-list/__tests__/index.js

@@ -641,6 +641,14 @@ testRule({
 			endLine: 1,
 			endColumn: 80,
 		},
+		{
+			code: 'a { color: rgb(10% 127 127) }',
+			message: messages.rejected('%'),
+			line: 1,
+			column: 18,
+			endLine: 1,
+			endColumn: 19,
+		},
 	],
 });
 

lib/rules/unit-disallowed-list/index.js

@@ -119,7 +119,7 @@ const rule = (primary, secondaryOptions) => {
 
 			if (!hasDimension(params)) return;
 
-			parseFromTokens(tokenizeWithoutPercentageTokens(params)).forEach((mediaQuery) => {
+			parseFromTokens(tokenizeWithoutPercentages(params)).forEach((mediaQuery) => {
 				/** @type {{ mediaFeatureName: string | undefined }} */
 				const initialState = {
 					mediaFeatureName: undefined,
@@ -154,7 +154,7 @@ const rule = (primary, secondaryOptions) => {
 
 			if (!hasDimension(value)) return;
 
-			parseListOfComponentValues(tokenize({ css: value })).forEach((componentValue) => {
+			parseListOfComponentValues(tokenizeWithoutPercentages(value)).forEach((componentValue) => {
 				if (isTokenNode(componentValue)) {
 					check(
 						decl,
@@ -194,10 +194,14 @@ const rule = (primary, secondaryOptions) => {
 };
 
 /**
+ * In the CSS syntax percentages are a different token type than dimensions.
+ * For CSS authors however this distinction doesn't make sense, so we convert
+ * percentage tokens to dimension tokens with a unit of "%".
+ *
  * @param {string} value
  * @returns {Array<import('@csstools/css-tokenizer').CSSToken>}
  */
-function tokenizeWithoutPercentageTokens(value) {
+function tokenizeWithoutPercentages(value) {
 	return tokenize({ css: value }).map((x) => {
 		if (x[0] !== TokenType.Percentage) return x;