@webmate-studio/builder 0.2.91 → 0.2.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/design-tokens.js +6 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webmate-studio/builder",
3
- "version": "0.2.91",
3
+ "version": "0.2.92",
4
4
  "type": "module",
5
5
  "description": "Webmate Studio Component Builder",
6
6
  "keywords": [
package/src/design-tokens.js CHANGED
@@ -1008,7 +1008,12 @@ export function generateTailwindConfig(tokens) {
1008
1008
  * Generate CSS Variables from Design Tokens
1009
1009
  */
1010
1010
  export function generateCSSFromTokens(tokens) {
1011
- const lines = [':root {'];
1011
+ const lines = [];
1012
+
1013
+ // Define layer order FIRST - this sets the priority (later = higher priority)
1014
+ lines.push('@layer base, components, utilities;');
1015
+ lines.push('');
1016
+ lines.push(':root {');
1012
1017
 
1013
1018
  // Colors
1014
1019
  for (const [key, value] of Object.entries(tokens.colors || {})) {