refactor: remove unnecessary usages of :where() (#10674) (#10684)

Co-authored-by: Sergey Vinogradov <mr.vursen@gmail.com>

Author: vaadin-bot

packages/component-base/src/styles/style-props.js

@@ -32,7 +32,7 @@ addGlobalStyles(
   'vaadin-base',
   css`
     @layer vaadin.base {
-      :where(html) {
+      html {
         /* Background color */
         --vaadin-background-color: light-dark(#fff, #222);
 
@@ -121,7 +121,7 @@ addGlobalStyles(
       }
 
       @supports not (color: hsl(0 0 0)) {
-        :where(html) {
+        html {
           --_vaadin-safari-17-deg: 1deg;
         }
       }

packages/component-base/src/styles/user-colors.js

@@ -10,7 +10,7 @@ addGlobalStyles(
   'vaadin-base-user-colors',
   css`
     @layer vaadin.base {
-      :where(html) {
+      html {
         --_color-count: 10;
         --_hue-step: round(360 / var(--_color-count), 1);
         --vaadin-user-color-0: var(--vaadin-user-color, oklch(0.52 0.2 240));

packages/form-layout/src/styles/vaadin-form-layout-base-styles.js

@@ -11,7 +11,7 @@ addGlobalStyles(
   'vaadin-form-layout-base',
   css`
     @layer vaadin.base {
-      :where(html) {
+      html {
         --vaadin-form-layout-label-spacing: var(--vaadin-gap-s);
         --vaadin-form-layout-label-width: 8em;
         --vaadin-form-layout-column-spacing: var(--vaadin-gap-l);