[css-color] Consistent serialization, fix #7892

Author: svgeesus

css-color-4/Overview.bs

@@ -5755,7 +5755,7 @@ Serializing Oklab and Oklch values</h3>
 	<div class="example" id="ex-oklch-alpha">
 		<p>The serialized value of</p>
 		<pre class="lang-css"><span class="swatch" style="--color: rgba(60%, 26.67%, 66.67%, 0.7)"></span> oklch(53.85% 0.1725 320.67 / 70%)</pre>
-		<p>is the string "oklch(53.85% 0.1725 320.67 / 0.7)"</p>
+		<p>is the string "oklch(0.5385 0.1725 320.67 / 0.7)"</p>
 	</div>
 
 <h3 id="serializing-color-function-values">

css-color-5/Overview.bs

@@ -2468,7 +2468,7 @@ is the same as that specified in
 	The result of this color mixture
 	<pre>color-mix(in lch, peru 40%, palegoldenrod)</pre>
 	is serialized as the string <span class="swatch" style="--color: rgb(87.416% 76.036% 47.637%)"></span>
-	"lch(79.7256% 40.448 84.771)"
+	"lch(79.7256 40.448 84.771)"
 	while the result of
 	<pre>color-mix(in srgb, peru 40%, palegoldenrod)</pre>
 	is serialized as the string <span class="swatch" style="--color: rgb(88.16% 75.45% 49.88%)"></span>
@@ -2500,7 +2500,7 @@ is the same as that specified in
 	<pre>lch(from peru calc(l * 0.8) calc(c * 0.7) calc(h + 180)) </pre>
 	is the string
 	<span class="swatch" style="--color: rgb(3.12% 50.352% 68.894%)"></span>
-	"lch(49.80224% 37.80819 243.6803)"
+	"lch(49.80224 37.80819 243.6803)"
 
 </div>