fix: transformer directives (#2378)

* fix: transformer directives

* fix: audit issues

* fix: types

Author: patzick

.changeset/great-turtles-invent.md

@@ -0,0 +1,5 @@
+---
+"@shopware/cms-base-layer": patch
+---
+
+Add UnoCSS directive transformation for CMS block styles so layered Nuxt apps do not emit CSS minification warnings from raw `@apply` directives during production builds.

package.json

@@ -64,6 +64,7 @@
       "braces": "^3.0.3",
       "debug": "^4.3.5",
       "devalue": "^5.6.4",
+      "defu": "^6.1.5",
       "diff": "^8.0.3",
       "cookie": "^0.7.0",
       "cross-spawn": "^7.0.5",
@@ -73,8 +74,8 @@
       "form-data": "^4.0.4",
       "glob@10": "^10.5.0",
       "js-yaml": "^4.1.1",
-      "lodash": "^4.17.23",
-      "lodash-es": "^4.17.23",
+      "lodash": "^4.18.0",
+      "lodash-es": "^4.18.0",
       "markdown-it": "^14.1.1",
       "micromatch": "^4.0.8",
       "mdast-util-to-hast": "^13.2.1",
@@ -91,6 +92,7 @@
       "sharp": "^0.33.4",
       "undici": "^6.24.0",
       "vite@6": "^6.4.1",
+      "webpack": "^5.105.4",
       "ws": "^8.18.0",
       "yaml@2": "^2.8.3",
       "zod@3": "^3.23.8",
@@ -116,6 +118,7 @@
       "srvx": "^0.11.13",
       "brace-expansion@4": "^5.0.5",
       "brace-expansion@5": "^5.0.5",
+      "nanotar": "^0.3.0",
       "yaml@1": "^1.10.3",
       "smol-toml": "^1.6.1"
     },

packages/api-client/package.json

@@ -69,7 +69,7 @@
     "vitest": "4.0.18"
   },
   "dependencies": {
-    "defu": "6.1.4",
+    "defu": "6.1.5",
     "hookable": "5.5.3",
     "ofetch": "1.5.1"
   }

packages/cms-base-layer/package.json

@@ -46,6 +46,7 @@
     "@tresjs/nuxt": "^5.1.6",
     "@unocss/nuxt": "66.6.0",
     "@unocss/runtime": "66.6.0",
+    "@unocss/transformer-directives": "66.6.0",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
     "@vueuse/core": "14.1.0",

packages/cms-base-layer/uno.config.ts

@@ -1,3 +1,4 @@
+import transformerDirectives from "@unocss/transformer-directives";
 import {
   defineConfig,
   presetAttributify,
@@ -91,4 +92,5 @@ export default defineConfig({
     presetAttributify(),
     presetTypography(),
   ],
+  transformers: [transformerDirectives()],
 });

packages/composables/package.json

@@ -61,7 +61,7 @@
     "@shopware/helpers": "workspace:*",
     "@shopware/api-client": "workspace:*",
     "@vueuse/core": "14.1.0",
-    "defu": "6.1.4",
+    "defu": "6.1.5",
     "scule": "1.3.0"
   },
   "devDependencies": {

packages/nuxt-module/package.json

@@ -37,7 +37,7 @@
     "@shopware/composables": "workspace:*",
     "@shopware/helpers": "workspace:*",
     "@shopware/api-client": "workspace:*",
-    "defu": "6.1.4",
+    "defu": "6.1.5",
     "h3": "1.15.9",
     "js-cookie": "3.0.5"
   },

pnpm-lock.yaml

@@ -25,7 +25,7 @@
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
     "@vueuse/nuxt": "14.1.0",
-    "defu": "6.1.4",
+    "defu": "6.1.5",
     "requrl": "3.0.2",
     "sitemap": "8.0.0",
     "vue": "3.5.27"

templates/vue-demo-store/package.json

@@ -17,7 +17,11 @@ const {
 
 const nuxtApp = useNuxtApp();
 const { apiClient } = useShopwareContext();
-const { defaultCSRCacheLifetime } = useAppConfig();
+const appConfig = useAppConfig();
+const defaultCSRCacheLifetime =
+  typeof appConfig.defaultCSRCacheLifetime === "number"
+    ? appConfig.defaultCSRCacheLifetime
+    : 86_400_000;
 
 const {
   data: salutationData,