fix: resolve tailwind theme issues by using inline declarations

Author: nmerget

.changeset/loose-buttons-tap.md

@@ -0,0 +1,10 @@
+---
+"@db-ux/core-foundations": 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
+"@db-ux/core-components": patch
+---
+
+fix: issue with tailwind duplicating some classes by using @theme inline

packages/foundations/tailwind/theme/colors.scss

@@ -8,17 +8,8 @@ $all-variants: list.append(
 );
 
 // stylelint-disable-next-line scss/at-rule-no-unknown
-@theme {
+@theme inline {
 	@each $color-name in $all-variants {
 		@include colors-utils.get-color($color-name, $color-name);
 	}
 }
-
-@layer colors {
-	@each $color-name in $all-variants {
-		[data-color="#{$color-name}"],
-		.db-color-#{$color-name} {
-			@include colors-utils.get-color($color-name, "adaptive");
-		}
-	}
-}

…undations/tailwind/theme/_variables.scss …oundations/tailwind/theme/dimensions.csspackages/foundations/tailwind/theme/_variables.scss renamed to packages/foundations/tailwind/theme/dimensions.css packages/foundations/tailwind/theme/_variables.scss renamed to packages/foundations/tailwind/theme/dimensions.css

@@ -1,4 +1,5 @@
-@mixin get-variables() {
+// stylelint-disable-next-line scss/at-rule-no-unknown
+@theme inline {
 	--spacing-fix-3xs: var(--db-spacing-fixed-3xs);
 	--spacing-fix-2xs: var(--db-spacing-fixed-2xs);
 	--spacing-fix-xs: var(--db-spacing-fixed-xs);