Patch invalid css in @woocommerce/components

The current version throws an error:
This function isn't allowed in plain CSS
color: darken(#cacccd)

Fixed with pnpm patch

MAILPOET-5121

package.json

@@ -22,7 +22,8 @@
     "patchedDependencies": {
       "backbone.supermodel@1.2.0": "patches/backbone.supermodel@1.2.0.patch",
       "parsleyjs@2.9.2": "patches/parsleyjs@2.9.2.patch",
-      "spectrum-colorpicker@1.8.1": "patches/spectrum-colorpicker@1.8.1.patch"
+      "spectrum-colorpicker@1.8.1": "patches/spectrum-colorpicker@1.8.1.patch",
+      "@woocommerce/components@12.3.0": "patches/@woocommerce__components@12.3.0.patch"
     },
     "overrides": {
       "react": "18.3.1",

patches/@woocommerce__components@12.3.0.patch

@@ -0,0 +1,22 @@
+diff --git a/build-style/style.css b/build-style/style.css
+index 3db807f278a470f83f0ab65f033bc6a9596af81a..7f11ceae63d0e9fe2d1aac59c550f42712ade727 100644
+--- a/build-style/style.css
++++ b/build-style/style.css
+@@ -157,7 +157,7 @@
+ }
+ .SingleDatePicker_closeButton:focus,
+ .SingleDatePicker_closeButton:hover {
+-  color: darken(#cacccd,10%);
++  color: #b0b3b4;
+   text-decoration: none
+ }
+ .SingleDatePicker_closeButton_svg {
+@@ -884,7 +884,7 @@
+ }
+ .DateRangePicker_closeButton:focus,
+ .DateRangePicker_closeButton:hover {
+-  color: darken(#cacccd,10%);
++  color: #b0b3b4;
+   text-decoration: none
+ }
+ .DateRangePicker_closeButton_svg {

pnpm-lock.yaml

@@ -8,6 +8,9 @@ overrides:
   typescript: ^5.0.2
 
 patchedDependencies:
+  '@woocommerce/components@12.3.0':
+    hash: alxnpiftcq2tsdebprukoovsne
+    path: patches/@woocommerce__components@12.3.0.patch
   backbone.supermodel@1.2.0:
     hash: hhsvgimsfhfs4itf7ipk47fane
     path: patches/backbone.supermodel@1.2.0.patch
@@ -60,7 +63,7 @@ importers:
         version: 4.0.55
       '@woocommerce/components':
         specifier: ^12.3.0
-        version: 12.3.0(@babel/runtime@7.24.7)(@types/react-dom@18.3.0)(@types/react@18.3.3)(@wordpress/data@10.0.0)(lodash@4.17.21)(react-dom@18.3.1)(react@18.3.1)
+        version: 12.3.0(patch_hash=alxnpiftcq2tsdebprukoovsne)(@babel/runtime@7.24.7)(@types/react-dom@18.0.11)(@types/react@18.0.28)(@wordpress/data@10.0.0)(lodash@4.17.21)(react-dom@18.2.0)(react@18.2.0)
       '@woocommerce/currency':
         specifier: ^4.3.0
         version: 4.3.0
@@ -6000,7 +6003,7 @@ packages:
       webpack-dev-server: 4.15.2(webpack-cli@5.1.4)(webpack@5.92.0)
     dev: true
 
-  /@woocommerce/components@12.3.0(@babel/runtime@7.24.7)(@types/react-dom@18.3.0)(@types/react@18.3.3)(@wordpress/data@10.0.0)(lodash@4.17.21)(react-dom@18.3.1)(react@18.3.1):
+  /@woocommerce/components@12.3.0(patch_hash=alxnpiftcq2tsdebprukoovsne)(@babel/runtime@7.24.7)(@types/react-dom@18.0.11)(@types/react@18.0.28)(@wordpress/data@10.0.0)(lodash@4.17.21)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-1opGsZBI6SppDLw/9uu+f3STqcmj5uE94WlZsnj6ChuU5IrI9Bv0tgyb4DYUSdOoNgUjTH1TZUlV9r3xXQDnLg==}
     engines: {node: ^20.11.1, pnpm: ^8.12.1}
     peerDependencies:
@@ -6085,6 +6088,7 @@ packages:
       - supports-color
       - utf-8-validate
     dev: false
+    patched: true
 
   /@woocommerce/csv-export@1.8.0:
     resolution: {integrity: sha512-LfbwPWu1fyN3lNcuigiJ7g86Ute7rRQokbRkUP5m48wCrgxWmulmbXJD19642oXNLM1G8JY1UM0VFNIn7qMI3w==}