1.9.1

https://www.w3.org/TR/2021/WD-css-values-4-20211016/

after/syntax/css/cascade-5.vim

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

after/syntax/css/color-5.vim

@@ -1 +1 @@
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(color-\(mix\|contrast\|adjust\)\|red\|green\|blue\|alpha\|hue\|saturation\|lightness\|whiteness\|blackness\|a\|b\|chroma\)\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+syn region cssFunction contained matchgroup=cssFunctionName start="\<color-\(mix\|contrast\)\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline

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 economy exact

after/syntax/css/display-3.vim

@@ -1,2 +1,3 @@
 syn keyword cssFontAttr contained contents discard
-syn match cssBoxAttr contained "\<ruby\(-\(base\(-group\)\=\|text\(-group\)\=\)\)\=\>"
+syn match cssBoxAttr contained "\<run-in\>"
+syn match cssBoxAttr contained "\<ruby\(-\(base\|text\)\)\=\>"

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,3 @@
-syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(vi\|vb\|ic\|cap\|lh\|rlh\)"
-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
+syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(rex\|cap\|rcap\|rch\|ic\|ric\|lh\|rlh\)"
+syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(s\|l\|d\)\=v\(h\|w\|i\|b\|min\|max\)"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(mix\|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 {
@@ -97,12 +99,12 @@
 .color-5 {
 	display: color-mix(red yellow 65%);
 	display: color-contrast(wheat tan, sienna, var(--myAccent), #d2691e);
-	display: color-adjust(peru lightness(-20%));
 }
 
 .color-adjust-1 {
 	color-scheme: auto;
 	forced-color-adjust: auto;
+	print-color-adjust: auto;
 	color-adjust: auto;
 	display: light;
 	display: economy;
@@ -131,13 +133,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;
@@ -239,11 +245,10 @@
 
 .display-3 {
 	display: contents;
+	display: run-in;
 	display: ruby;
 	display: ruby-base;
 	display: ruby-text;
-	display: ruby-base-group;
-	display: ruby-text-group;
 }
 
 .easing-1 {
@@ -729,14 +734,14 @@ mask {
 
 @media (device-radius: 50%) {
 	.round-display-1 {
-	  shape-inside: auto;
-	  border-boundary: auto;
-	  polar-angle: auto;
-	  polar-distance: auto;
-	  display: outside-shape;
-	  display: shape-box;
-	  display: parent;
-	  display: polar;
+		shape-inside: auto;
+		border-boundary: auto;
+		polar-angle: auto;
+		polar-distance: auto;
+		display: outside-shape;
+		display: shape-box;
+		display: parent;
+		display: polar;
 	}
 }
 
@@ -762,7 +767,7 @@ mask {
 
 @scope .scoping-1 {
 	div {
-	  display: auto;
+		display: auto;
 	}
 }
 
@@ -851,10 +856,6 @@ mask {
 	display: auto;
 }
 
-.selectors-nonelement-1::attr(title) {
-	display: auto;
-}
-
 .shadow-parts::part(textspan) {
 	display: auto;
 }
@@ -878,7 +879,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 {
@@ -1166,10 +1170,32 @@ view {
 .values-4 {
 	display: 1vi;
 	display: 1vb;
-	display: 1ic;
+	display: 1rex;
 	display: 1cap;
+	display: 1rcap;
+	display: 1rch;
+	display: 1ic;
+	display: 1ric;
 	display: 1lh;
 	display: 1rlh;
+	display: 1svh;
+	display: 1svw;
+	display: 1svi;
+	display: 1svb;
+	display: 1svmin;
+	display: 1svmax;
+	display: 1lvh;
+	display: 1lvw;
+	display: 1lvi;
+	display: 1lvb;
+	display: 1lvmin;
+	display: 1lvmax;
+	display: 1dvh;
+	display: 1dvw;
+	display: 1dvi;
+	display: 1dvb;
+	display: 1dvmin;
+	display: 1dvmax;
 	display: min(0, 1);
 	display: max(0, 1);
 	display: clamp(0, 100, 2);
@@ -1191,6 +1217,7 @@ view {
 	display: exp(1);
 	display: abs(-1);
 	display: sign(-4);
+	display: mix(33%; 1px; 2px);
 }
 
 .variables-1 {