Update color-4.vim and color-5.vim

https://www.w3.org/TR/2022/CRD-css-color-4-20221101/

Author: hail2u

after/syntax/css/color-4.vim

@@ -1,3 +1,2 @@
-syn keyword cssFontAttr contained perceptual accentcolor accentcolortext relative-colorimetric absolute-colorimetric
-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
+syn keyword cssFontAttr contained accentcolor accentcolortext
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|oklab\|oklch\|color\=\)\s*(" end=")" oneline keepend

after/syntax/css/color-5.vim

@@ -1 +1,4 @@
-syn region cssFunction contained matchgroup=cssFunctionName start="\<color-mix\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+syn keyword cssFontProp contained components
+syn keyword cssFontAttr contained relative-colorimetric absolute-colorimetric perceptual
+syn region cssFunction contained matchgroup=cssFunctionName start="\<color-mix\|device-cmyk\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

test/test.css

@@ -83,23 +83,26 @@
 	display: hwb(120deg, 44%, 50%);
 	display: lab(1 2 3);
 	display: lch(4 5 6);
+	display: oklab(1 2 3);
+	display: oklch(4 5 6);
 	display: color(swopc, 0 206 190 77);
-	display: device-cmyk(0, 81%, 81%, 30%);
-	display: relative-colorimetric;
-	display: absolute-colorimetric;
-	display: perceptual;
 	display: accentcolor;
 	display: accentcolortext;
 }
 
-@color-profile swopc {
-	src: url("http://example.org/swop-coated.icc");
-}
-
 .color-5 {
+	display: device-cmyk(0, 81%, 81%, 30%);
 	display: color-mix(red yellow 65%);
 }
 
+@color-profile swopc {
+	src: url("http://example.org/swop-coated.icc");
+	components: auto;
+	display: relative-colorimetric;
+	display: absolute-colorimetric;
+	display: perceptual;
+}
+
 .color-adjust-1 {
 	color-scheme: auto;
 	forced-color-adjust: auto;