refactor(css): replacing slow selector (#5576)

Author: mfranzke

.changeset/rich-baboons-compete.md

@@ -0,0 +1,10 @@
+---
+"@db-ux/core-foundations": patch
+"@db-ux/core-components": patch
+"@db-ux/ngx-core-components": patch
+"@db-ux/react-core-components": patch
+"@db-ux/wc-core-components": patch
+"@db-ux/v-core-components": patch
+---
+
+refactor(css): replacing slow selector

packages/foundations/scss/colors/_default-color-mappings.scss

@@ -1,5 +1,6 @@
 @layer variables {
-	:is(:root, :host) {
+	:root,
+	:host {
 		--db-neutral-origin-default: light-dark(
 			var(--db-neutral-origin-light-default),
 			var(--db-neutral-origin-dark-default)

packages/foundations/scss/defaults/_default-container-variables.scss

@@ -1,4 +1,5 @@
-:is(:root, :host) {
+:root,
+:host {
 	--db-container-3xs: 14rem;
 	--db-container-2xs: 16rem;
 	--db-container-xs: 20rem;

packages/foundations/scss/defaults/_default-variables.scss

@@ -2,7 +2,8 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-:is(:root, :host) {
+:root,
+:host {
 	--db-base-icon-weight-regular-desktop-headline-3xl: 96;
 	--db-base-icon-weight-regular-desktop-headline-2xl: 80;
 	--db-base-icon-weight-regular-desktop-headline-xl: 64;

packages/foundations/scss/defaults/default-required.scss

@@ -12,7 +12,8 @@
 
 /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
 @layer #{helpers.$layer-variables} {
-	:is(:root, :host) {
+	:root,
+	:host {
 		@extend %db-font-size-md;
 
 		/* COLORS */

packages/foundations/scss/defaults/default-root.scss

@@ -3,7 +3,8 @@
 @forward "../density";
 
 // Setup default styles for
-:is(:root, :host) {
+:root,
+:host {
 	@extend %db-neutral-bg-basic-level-1;
 	@extend %db-density-regular;
 }