fix: stylelint issues (#4157)

Author: nmerget

packages/foundations/tailwind/theme/index.css

@@ -1,64 +1,78 @@
-/* stylelint-disable custom-property-pattern, custom-property-empty-line-before */
+/* stylelint-disable custom-property-pattern, custom-property-empty-line-before, scss/at-rule-no-unknown */
 
 /* The prefix for variables are predefined by Tailwind, stylelint would throw an error */
-@import "colors.css";
-@import "revert-theme.css";
-@import "dimensions.css";
-
-/* stylelint-disable-next-line scss/at-rule-no-unknown */
+@import url("colors.css");
+@import url("revert-theme.css");
+@import url("dimensions.css");
 
 @utility text-body-3xs {
 	font: var(--db-type-body-3xs);
 }
+
 @utility text-body-2xs {
 	font: var(--db-type-body-2xs);
 }
+
 @utility text-body-xs {
 	font: var(--db-type-body-xs);
 }
+
 @utility text-body-sm {
 	font: var(--db-type-body-sm);
 }
+
 @utility text-body-md {
 	font: var(--db-type-body-md);
 }
+
 @utility text-body-lg {
 	font: var(--db-type-body-lg);
 }
+
 @utility text-body-xl {
 	font: var(--db-type-body-xl);
 }
+
 @utility text-body-2xl {
 	font: var(--db-type-body-2xl);
 }
+
 @utility text-body-3xl {
 	font: var(--db-type-body-3xl);
 }
 
 @utility text-head-3xs {
 	font: var(--db-type-headline-3xs);
 }
+
 @utility text-head-2xs {
 	font: var(--db-type-headline-2xs);
 }
+
 @utility text-head-xs {
 	font: var(--db-type-headline-xs);
 }
+
 @utility text-head-sm {
 	font: var(--db-type-headline-sm);
 }
+
 @utility text-head-md {
 	font: var(--db-type-headline-md);
 }
+
 @utility text-head-lg {
 	font: var(--db-type-headline-lg);
 }
+
 @utility text-head-xl {
 	font: var(--db-type-headline-xl);
 }
+
 @utility text-head-2xl {
 	font: var(--db-type-headline-2xl);
 }
+
 @utility text-head-3xl {
 	font: var(--db-type-headline-3xl);
 }

packages/foundations/tailwind/theme/revert-theme.css

@@ -1,9 +1,11 @@
+/* The prefix for variables are predefined by Tailwind, stylelint would throw an error */
+/* stylelint-disable scss/at-rule-no-unknown, custom-property-pattern */
 @theme {
 	--font-*: initial; /* Font family utilities like font-sans */
 	--font-sans: var(--db-font-family-sans);
 	--font-head: var(--db-font-family-head);
-
 	--text-*: initial; /* Font size utilities like text-body-xl */
+
 	/* We overwrite those with custom utilities, those are just for auto complete */
 	--text-base: var(--db-type-body-md);
 	--text-body-3xs: var(--db-type-body-3xs);
@@ -24,7 +26,6 @@
 	--text-head-xl: var(--db-type-headline-xl);
 	--text-head-2xl: var(--db-type-headline-2xl);
 	--text-head-3xl: var(--db-type-headline-3xl);
-
 	--spacing-*: initial; /* Spacing and sizing utilities like px-fix-md, max-h-siz-xl, and many more */
 	--spacing-none: 0;
 	--spacing-0: 0;
@@ -38,7 +39,6 @@
 	--radius-none: 0;
 	--radius-0: 0;
 	--shadow-*: initial; /* Box shadow utilities like shadow-md */
-
 	--breakpoint-*: initial; /* Responsive breakpoint variants like sm:* */
 	--breakpoint-xs: 360px;
 	--breakpoint-sm: 720px;