stylelint 17

romainmenke · romainmenke · commit 2fedcb53df56 · 2026-01-15T15:00:20.000+01:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/plugins-stylelint/at-risk/CHANGELOG.md b/plugins-stylelint/at-risk/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog
 
+### Unreleased (major)
+
+- Updated: Support for Node `20.19.0` or later (major).
+- Updated: Support for Stylelint `17.0.0` or later (major).
+
 ### 2.0.1
 
 _August 18, 2024_
diff --git a/plugins-stylelint/at-risk/package.json b/plugins-stylelint/at-risk/package.json
@@ -39,11 +39,11 @@
 		"index.mjs"
 	],
 	"peerDependencies": {
-		"stylelint": "^16.26.1"
+		"stylelint": "^17.0.0"
 	},
 	"devDependencies": {
 		"@csstools/pack-test": "^2.0.0",
-		"stylelint": "^16.26.1",
+		"stylelint": "^17.0.0",
 		"stylelint-test-rule-node": "^0.4.0"
 	},
 	"scripts": {
diff --git a/plugins-stylelint/formatter-github/CHANGELOG.md b/plugins-stylelint/formatter-github/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog
 
+### Unreleased (major)
+
+- Updated: Support for Node `20.19.0` or later (major).
+- Updated: Support for Stylelint `17.0.0` or later (major).
+
 ### 1.0.0
 
 _August 3, 2024_
diff --git a/plugins-stylelint/formatter-github/package.json b/plugins-stylelint/formatter-github/package.json
@@ -40,11 +40,11 @@
 		"preprocess-warnings.mjs"
 	],
 	"peerDependencies": {
-		"stylelint": "^16.26.1"
+		"stylelint": "^17.0.0"
 	},
 	"devDependencies": {
 		"@csstools/pack-test": "^2.0.0",
-		"stylelint": "^16.26.1"
+		"stylelint": "^17.0.0"
 	},
 	"scripts": {
 		"lint": "node ../../.github/bin/format-package-json.mjs",
diff --git a/plugins-stylelint/no-at-nest-rule/CHANGELOG.md b/plugins-stylelint/no-at-nest-rule/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog
 
+### Unreleased (major)
+
+- Updated: Support for Node `20.19.0` or later (major).
+- Updated: Support for Stylelint `17.0.0` or later (major).
+
 ### 4.0.0
 
 _August 18, 2024_
diff --git a/plugins-stylelint/no-at-nest-rule/package.json b/plugins-stylelint/no-at-nest-rule/package.json
@@ -40,12 +40,12 @@
 	],
 	"peerDependencies": {
 		"postcss": "^8.4",
-		"stylelint": "^16.26.1"
+		"stylelint": "^17.0.0"
 	},
 	"devDependencies": {
 		"@csstools/pack-test": "^2.0.0",
 		"postcss": "^8.5",
-		"stylelint": "^16.26.1",
+		"stylelint": "^17.0.0",
 		"stylelint-test-rule-node": "^0.4.0"
 	},
 	"scripts": {
diff --git a/plugins-stylelint/no-invalid-at-import-rules-when-bundling/CHANGELOG.md b/plugins-stylelint/no-invalid-at-import-rules-when-bundling/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog
 
+### Unreleased (major)
+
+- Updated: Support for Node `20.19.0` or later (major).
+- Updated: Support for Stylelint `17.0.0` or later (major).
+
 ### 3.0.7
 
 _January 14, 2026_
diff --git a/plugins-stylelint/no-invalid-at-import-rules-when-bundling/package.json b/plugins-stylelint/no-invalid-at-import-rules-when-bundling/package.json
@@ -44,11 +44,11 @@
 		"@csstools/css-tokenizer": "^4.0.0"
 	},
 	"peerDependencies": {
-		"stylelint": "^16.26.1"
+		"stylelint": "^17.0.0"
 	},
 	"devDependencies": {
 		"@csstools/pack-test": "^2.0.0",
-		"stylelint": "^16.26.1",
+		"stylelint": "^17.0.0",
 		"stylelint-test-rule-node": "^0.4.0"
 	},
 	"scripts": {
diff --git a/plugins/postcss-alpha-function/CHANGELOG.md b/plugins/postcss-alpha-function/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changes to PostCSS Alpha Function
 
+### Unreleased (patch)
+
+- Ignore `alpha()` when `from` keyword is missing.
+
 ### 2.0.0
 
 _January 14, 2026_
diff --git a/plugins/postcss-alpha-function/dist/index.mjs b/plugins/postcss-alpha-function/dist/index.mjs
@@ -1 +1 @@
-import e from"@csstools/postcss-progressive-custom-properties";import{tokenize as o,isTokenIdent as r,TokenType as s,isTokenHash as t}from"@csstools/css-tokenizer";import{color as l,SyntaxFlag as a}from"@csstools/css-color-parser";import{hasFallback as n,hasSupportsAtRuleAncestor as i}from"@csstools/utilities";import{replaceComponentValues as c,parseCommaSeparatedListOfComponentValues as v,isFunctionNode as u,isWhiteSpaceOrCommentNode as p,isTokenNode as d,WhitespaceNode as h,TokenNode as f,stringify as g}from"@csstools/css-parser-algorithms";const b=/\balpha\(/i,m=/^alpha$/i,w=new Set(["srgb","srgb-linear","display-p3","display-p3-linear","a98-rgb","prophoto-rgb","rec2020","xyz","xyz-d50","xyz-d65"]),basePlugin=e=>({postcssPlugin:"postcss-color-function",Declaration(C){const x=C.value;if(!b.test(x))return;if(n(C))return;if(i(C,b))return;const y=o({css:x}),R=c(v(y),e=>{if(u(e)&&m.test(e.getName()))for(let o=0;o<e.value.length;o++){let n=e.value[o];for(;p(n);)o++,n=e.value[o];for(d(n)&&r(n.value)&&"from"===n.value[4].value.toLowerCase()&&(o++,n=e.value[o]);p(n);)o++,n=e.value[o];const i=n;if(u(i)){const t=i.getName().toLowerCase();if("var"===t)return;if("color"===t){let t="";for(let e=0;e<i.value.length;e++){const o=i.value[e];if(d(o)&&r(o.value)&&w.has(o.value[4].value.toLowerCase())){if(t)return;t=o.value[4].value}}if(!t)return;e.name[1]="color(",e.name[4].value="color";let l=["r","g","b"];return"xyz"!==t&&"xyz-d50"!==t&&"xyz-d65"!==t||(l=["x","y","z"]),void e.value.splice(o+1,0,new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,t,-1,-1,{value:t}]),new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,l[0],-1,-1,{value:l[0]}]),new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,l[1],-1,-1,{value:l[1]}]),new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,l[2],-1,-1,{value:l[2]}]))}switch(t){case"rgb":case"rgba":return void convertToRelativeColor(e,o+1,"rgb",["r","g","b"]);case"hsl":case"hsla":return void convertToRelativeColor(e,o+1,"hsl",["h","s","l"]);case"hwb":return void convertToRelativeColor(e,o+1,"hwb",["h","w","b"]);case"lab":return void convertToRelativeColor(e,o+1,"lab",["l","a","b"]);case"lch":return void convertToRelativeColor(e,o+1,"lch",["l","c","h"]);case"oklab":return void convertToRelativeColor(e,o+1,"oklab",["l","a","b"]);case"oklch":return void convertToRelativeColor(e,o+1,"oklch",["l","c","h"])}}if(d(i)&&(t(i.value)||r(i.value))){const r=l(i);if(!r)return;if(!r.syntaxFlags.has(a.Hex)&&!r.syntaxFlags.has(a.ColorKeyword))return;return void convertToRelativeColor(e,o+1,"rgb",["r","g","b"])}}}),T=g(R);T!==x&&(C.cloneBefore({value:T}),e?.preserve||C.remove())}});function convertToRelativeColor(e,o,r,t){e.name[1]=r+"(",e.name[4].value=r,e.value.splice(o,0,new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,t[0],-1,-1,{value:t[0]}]),new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,t[1],-1,-1,{value:t[1]}]),new h([[s.Whitespace," ",-1,-1,void 0]]),new f([s.Ident,t[2],-1,-1,{value:t[2]}]))}basePlugin.postcss=!0;const postcssPlugin=o=>{const r=Object.assign({preserve:!1,enableProgressiveCustomProperties:!0},o);return r.enableProgressiveCustomProperties&&r.preserve?{postcssPlugin:"postcss-color-function",plugins:[e(),basePlugin(r)]}:basePlugin(r)};postcssPlugin.postcss=!0;export{postcssPlugin as default,postcssPlugin as"module.exports"};
+import e from"@csstools/postcss-progressive-custom-properties";import{tokenize as o,isTokenIdent as r,TokenType as t,isTokenHash as s}from"@csstools/css-tokenizer";import{color as l,SyntaxFlag as a}from"@csstools/css-color-parser";import{hasFallback as n,hasSupportsAtRuleAncestor as i}from"@csstools/utilities";import{replaceComponentValues as c,parseCommaSeparatedListOfComponentValues as v,isFunctionNode as u,isWhiteSpaceOrCommentNode as p,isTokenNode as d,WhitespaceNode as h,TokenNode as f,stringify as g}from"@csstools/css-parser-algorithms";const b=/\balpha\(/i,m=/^alpha$/i,w=new Set(["srgb","srgb-linear","display-p3","display-p3-linear","a98-rgb","prophoto-rgb","rec2020","xyz","xyz-d50","xyz-d65"]),basePlugin=e=>({postcssPlugin:"postcss-color-function",Declaration(C){const x=C.value;if(!b.test(x))return;if(n(C))return;if(i(C,b))return;const y=o({css:x}),R=c(v(y),e=>{if(!u(e)||!m.test(e.getName()))return;let o=!1;for(let n=0;n<e.value.length;n++){let i=e.value[n];for(;p(i);)n++,i=e.value[n];for(d(i)&&r(i.value)&&"from"===i.value[4].value.toLowerCase()&&(o=!0,n++,i=e.value[n]);p(i);)n++,i=e.value[n];if(!o)return;const c=i;if(u(c)){const o=c.getName().toLowerCase();if("var"===o)return;if("color"===o){let o="";for(let e=0;e<c.value.length;e++){const t=c.value[e];if(d(t)&&r(t.value)&&w.has(t.value[4].value.toLowerCase())){if(o)return;o=t.value[4].value}}if(!o)return;e.name[1]="color(",e.name[4].value="color";let s=["r","g","b"];return"xyz"!==o&&"xyz-d50"!==o&&"xyz-d65"!==o||(s=["x","y","z"]),void e.value.splice(n+1,0,new h([[t.Whitespace," ",-1,-1,void 0]]),new f([t.Ident,o,-1,-1,{value:o}]),new h([[t.Whitespace," ",-1,-1,void 0]]),new f([t.Ident,s[0],-1,-1,{value:s[0]}]),new h([[t.Whitespace," ",-1,-1,void 0]]),new f([t.Ident,s[1],-1,-1,{value:s[1]}]),new h([[t.Whitespace," ",-1,-1,void 0]]),new f([t.Ident,s[2],-1,-1,{value:s[2]}]))}switch(o){case"rgb":case"rgba":return void convertToRelativeColor(e,n+1,"rgb",["r","g","b"]);case"hsl":case"hsla":return void convertToRelativeColor(e,n+1,"hsl",["h","s","l"]);case"hwb":return void convertToRelativeColor(e,n+1,"hwb",["h","w","b"]);case"lab":return void convertToRelativeColor(e,n+1,"lab",["l","a","b"]);case"lch":return void convertToRelativeColor(e,n+1,"lch",["l","c","h"]);case"oklab":return void convertToRelativeColor(e,n+1,"oklab",["l","a","b"]);case"oklch":return void convertToRelativeColor(e,n+1,"oklch",["l","c","h"])}}if(d(c)&&(s(c.value)||r(c.value))){const o=l(c);if(!o)return;if(!o.syntaxFlags.has(a.Hex)&&!o.syntaxFlags.has(a.ColorKeyword))return;return void convertToRelativeColor(e,n+1,"rgb",["r","g","b"])}}}),T=g(R);T!==x&&(C.cloneBefore({value:T}),e?.preserve||C.remove())}});function convertToRelativeColor(e,o,r,s){e.name[1]=r+"(",e.name[4].value=r,e.value.splice(o,0,new h([[t.Whitespace," ",-1,-1,void 0]]),new f([t.Ident,s[0],-1,-1,{value:s[0]}]),new h([[t.Whitespace," ",-1,-1,void 0]]),new f([t.Ident,s[1],-1,-1,{value:s[1]}]),new h([[t.Whitespace," ",-1,-1,void 0]]),new f([t.Ident,s[2],-1,-1,{value:s[2]}]))}basePlugin.postcss=!0;const postcssPlugin=o=>{const r=Object.assign({preserve:!1,enableProgressiveCustomProperties:!0},o);return r.enableProgressiveCustomProperties&&r.preserve?{postcssPlugin:"postcss-color-function",plugins:[e(),basePlugin(r)]}:basePlugin(r)};postcssPlugin.postcss=!0;export{postcssPlugin as default,postcssPlugin as"module.exports"};
diff --git a/plugins/postcss-alpha-function/src/index.ts b/plugins/postcss-alpha-function/src/index.ts
@@ -42,6 +42,8 @@ const basePlugin: PluginCreator<basePluginOptions> = (opts?: basePluginOptions)
 						return;
 					}
 
+					let seenFrom = false;
+
 					for (let i = 0; i < componentValue.value.length; i++) {
 						let argument = componentValue.value[i];
 
@@ -51,6 +53,7 @@ const basePlugin: PluginCreator<basePluginOptions> = (opts?: basePluginOptions)
 						}
 
 						if (isTokenNode(argument) && isTokenIdent(argument.value) && argument.value[4].value.toLowerCase() === 'from') {
+							seenFrom = true;
 							i++;
 							argument = componentValue.value[i];
 						}
@@ -60,6 +63,10 @@ const basePlugin: PluginCreator<basePluginOptions> = (opts?: basePluginOptions)
 							argument = componentValue.value[i];
 						}
 
+						if (!seenFrom) {
+							return;
+						}
+
 						const colorArgument = argument;
 						if (isFunctionNode(colorArgument)) {
 							const colorFunctionName = colorArgument.getName().toLowerCase();
diff --git a/plugins/postcss-alpha-function/test/basic.css b/plugins/postcss-alpha-function/test/basic.css
@@ -20,6 +20,10 @@
 	color-1: alpha(from not-a-color / calc(alpha / 2));
 }
 
+.test-from-missing-ignore {
+	color-1: alpha(red / calc(alpha / 2));
+}
+
 .test-rgb {
 	color-1: alpha(from rgb(2 1 0) / calc(alpha / 2));
 	color-2: alpha(from rgb(var(--foo) 1 0) / calc(alpha / 2));
diff --git a/plugins/postcss-alpha-function/test/basic.expect.css b/plugins/postcss-alpha-function/test/basic.expect.css
@@ -20,6 +20,10 @@
 	color-1: alpha(from not-a-color / calc(alpha / 2));
 }
 
+.test-from-missing-ignore {
+	color-1: alpha(red / calc(alpha / 2));
+}
+
 .test-rgb {
 	color-1: rgb(from rgb(2 1 0) r g b / calc(alpha / 2));
 	color-2: rgb(from rgb(var(--foo) 1 0) r g b / calc(alpha / 2));
diff --git a/plugins/postcss-alpha-function/test/basic.preserve-true.expect.css b/plugins/postcss-alpha-function/test/basic.preserve-true.expect.css
@@ -24,6 +24,10 @@
 	color-1: alpha(from not-a-color / calc(alpha / 2));
 }
 
+.test-from-missing-ignore {
+	color-1: alpha(red / calc(alpha / 2));
+}
+
 .test-rgb {
 	color-1: rgb(from rgb(2 1 0) r g b / calc(alpha / 2));
 	color-1: alpha(from rgb(2 1 0) / calc(alpha / 2));
