1.9.0

https://www.w3.org/TR/2021/WD-css-sizing-4-20210520/

after/syntax/css/cascade-5.vim

@@ -0,0 +1 @@
+syn match cssFontAttr contained "\<revert-layer\>"

after/syntax/css/color-4.vim

@@ -1,4 +1,4 @@
 syn keyword cssFontAttr contained perceptual
 syn match cssFontAttr contained "\<\(relative\|absolute\)-colorimetric\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|gray\|color\|device-cmyk\=\)\s*(" end=")" oneline keepend
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|color\|device-cmyk\=\)\s*(" end=")" oneline keepend
 syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/color-adjust-1.vim

@@ -1,3 +1,3 @@
-syn match cssColorProp contained "\<\(forced-\)\=color-adjust\>"
+syn match cssColorProp contained "\<\(forced-\|print-\)\=color-adjust\>"
 syn match cssColorProp contained "\<color-scheme\>"
-syn keyword cssFontAttr contained only economy exact
+syn keyword cssFontAttr contained economy exact

after/syntax/css/fonts-4.vim

@@ -1,16 +1,19 @@
+syn match cssFontProp contained "\<font-synthesis\(-\(weight\|style\|small-caps\|settings\)\)\=\>"
+syn match cssFontProp contained "\<font-named-instance\>"
 syn match cssFontProp contained "\<font-display\>"
+syn match cssFontProp contained "\<\(ascent\|descent\|line-gap\)-override\>"
 syn match cssFontProp contained "\<font-optical-sizing\>"
 syn match cssFontProp contained "\<font-variation-settings\>"
 syn match cssFontProp contained "\<font-palette\>"
+syn match cssFontProp contained "\<font-variant-emoji\>"
 syn match cssFontProp contained "\<font-presentation\>"
 syn match cssFontProp contained "\<base-palette\>"
 syn match cssFontProp contained "\<override-color\>"
-syn match cssFontProp contained "\<font-variant-emoji\>"
-syn keyword cssFontAttr contained emoji math fangsong infinity swap fallback optional light dark
+syn keyword cssFontAttr contained emoji math fangsong swap fallback light dark
 syn match cssFontAttr contained "\<system-ui\>"
 syn match cssFontAttr contained "\<ui-\(\(sans-\)\=serif\|monospace\|rounded\)\>"
-syn match cssFontAttr contained "\<historical-forms\>"
 syn match cssFontAttr contained "\<xxx-large\>"
+syn match cssFontAttr contained "\<historical-forms\>"
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(stylistic\|styleset\|character-variant\|swash\|ornaments\|annotation\)\s*(" end=")" oneline keepend
-" syn match cssFontDescriptor "@font-feature-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
+syn match cssFontDescriptor "@font-feature-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
 syn match cssFontDescriptor "@font-palette-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/highlight-api-1.vim

@@ -0,0 +1 @@
+syn region cssPseudoClassFn contained matchgroup=cssFunctionName start="\<highlight(" end=")" contains=cssStringQ,cssStringQQ

after/syntax/css/pseudo-4.vim

@@ -1,2 +1,3 @@
-syn match cssPseudoClassId contained "\<inactive-selection\>"
+syn match cssPseudoClassId contained "\<target-text\>"
 syn match cssPseudoClassId contained "\<\(spelling\|grammer\)-error\>"
+syn match cssPseudoClassId contained "\<file-selectors-button\>"

after/syntax/css/sizing-4.vim

@@ -1,2 +1,3 @@
 syn match cssFontProp contained "\<contain-intrinsic-size\>"
-syn match cssFontAttr contained "\<\fit-content\>"
+syn match cssFontProp contained "\<min-intrinsic-sizing\>"
+syn match cssFontAttr contained "\<zero-if-\(scroll\|extrinsic\)\>"

after/syntax/css/values-4.vim

@@ -1,2 +1,2 @@
 syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(vi\|vb\|ic\|cap\|lh\|rlh\)"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(min\|max\|clamp\|toggle\)\s*(" end=")" oneline keepend
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(min\|max\|clamp\|toggle\|round\|mod\|rem\|a\=\(sin\|cos\|tan\)\|atan2\|pow\|sqrt\|hypot\|log\|exp\|abs\|sign\)\s*(" end=")" oneline keepend

test/test.css

@@ -65,14 +65,16 @@
 	display: auto;
 }
 
+@import "cascade-4.css" supports(display: auto);
+
 .cascade-4 {
 	display: revert;
 }
 
-@import "conditional-3.css" supports(display: auto);
+@import "cascade-5.css" layer(framework component);
 
-@supports (selector(.conditional-4)) {
-	display: auto;
+.cascade-5 {
+	display: revert-layer;
 }
 
 .color-3 {
@@ -83,7 +85,6 @@
 	display: hwb(120deg, 44%, 50%);
 	display: lab(1 2 3);
 	display: lch(4 5 6);
-	display: gray(50%);
 	display: color(swopc, 0 206 190 77);
 	display: device-cmyk(0, 81%, 81%, 30%);
 	display: relative-colorimetric;
@@ -104,8 +105,9 @@
 .color-adjust-1 {
 	color-scheme: auto;
 	forced-color-adjust: auto;
+	print-color-adjust: auto;
 	color-adjust: auto;
-	display: only light;
+	display: light;
 	display: economy;
 	display: exact;
 }
@@ -132,13 +134,17 @@
 }
 
 @supports (display: auto) or
-	(display: auto) not
-	(display: auto) {
+(display: auto) not
+(display: auto) {
 	.conditional-3 {
-	  display: auto;
+		display: auto;
 	}
 }
 
+@supports (selector(.conditional-4)) {
+	display: auto;
+}
+
 .contain-1 {
 	contain: auto;
 	display: layout;
@@ -355,34 +361,47 @@
 }
 
 .fonts-4 {
+	font-synthesis-weight: auto;
+	font-synthesis-style: auto;
+	font-synthesis-small-caps: auto;
+	font-variation-settings: auto;
+	font-named-instance: auto;
 	font-display: auto;
+	ascent-override: auto;
+	descent-override: auto;
+	line-gap-override: auto;
 	font-optical-sizing: auto;
 	font-variation-settings: auto;
 	font-palette: auto;
-	font-presentation: auto;
 	font-variant-emoji: auto;
+	font-presentation: auto;
 	display: system-ui;
 	display: emoji;
 	display: math;
 	display: fangsong;
-	display: infinity;
-	display: stylistic(feature-value-name);
-	display: historical-forms;
-	display: styleset(feature-value-name #);
-	display: character-variant(feature-vlue-name #);
-	display: swash(feature-value-name);
-	display: ornaments(feature-value-name);
-	display: annotation(feature-value-name);
-	display: swap;
-	display: fallback;
-	display: optional;
-	display: light;
-	display: dark;
 	display: ui-serif;
 	display: ui-sans-serif;
 	display: ui-monospace;
 	display: ui-rounded;
 	display: xxx-large;
+	display: swap;
+	display: fallback;
+	display: historical-forms;
+	display: stylistic(feature-value-name);
+	display: styleset(feature-value-name #);
+	display: character-variant(feature-vlue-name #);
+	display: swash(feature-value-name);
+	display: ornaments(feature-value-name);
+	display: annotation(feature-value-name);
+	display: light;
+	display: dark;
+}
+
+@font-feature-values Test {
+	@swash {
+		swishy: 1;
+		flowing: 2;
+	}
 }
 
 @font-palette-values Test {
@@ -396,7 +415,7 @@
 	footnote-display: auto;
 	footnote-policy: auto;
 	display: footnote;
-	display: line; 
+	display: line;
 	display: element(header);
 	display: running(heading);
 }
@@ -417,6 +436,10 @@
 	display: auto;
 }
 
+.highlight-api-1::highlight(test) {
+	display: auto;
+}
+
 .html5,
 picture,
 rb,
@@ -676,9 +699,10 @@ mask {
 	initial-value: auto;
 }
 
-.pseudo-4::inactive-selection,
+.pseudo-4::target-text,
 .pseudo-4::spelling-error,
-.pseudo-4::grammer-error {
+.pseudo-4::grammer-error,
+.pseudi-4::file-selectors-button {
 	display: auto;
 }
 
@@ -861,7 +885,10 @@ mask {
 
 .sizing-4 {
 	contain-intrinsic-size: auto;
+	min-intrinsic-sizing: auto;
 	display: fit-content;
+	display: zero-if-scroll;
+	display: zero-if-extrinsic;
 }
 
 .speech-1 {
@@ -1157,6 +1184,23 @@ view {
 	display: max(0, 1);
 	display: clamp(0, 100, 2);
 	display: toggle(italic, normal);
+	display: round(var(--width), 50px);
+	display: mod(-18px, 5px);
+	display: rem(-18px, 5px);
+	display: sin(45deg);
+	display: cos(1);
+	display: tan(1);
+	display: asin(45deg);
+	display: acos(1);
+	display: atan(1);
+	display: atan2(1, -1);
+	display: pow(1.5, -1);
+	display: sqrt(4);
+	display: hypot(30px, 40px);
+	display: log(10);
+	display: exp(1);
+	display: abs(-1);
+	display: sign(-4);
 }
 
 .variables-1 {