fix(nuxt): disable postcss plugin calc to resolve issue caused by ony…

…x using the calc-constant infinity (#1261)

Building a nuxt project using the module would just hang up due to an
issue within the postcss plugin "calc" used by nanocss which is used by
nuxt's default postcss config.
This fix simply disables the plugin for nuxt projects using the module
for now. An issue was created for the postcss plugin (see:
postcss/postcss-calc#210)

.changeset/lovely-wasps-compete.md

@@ -0,0 +1,5 @@
+---
+"@sit-onyx/nuxt": patch
+---
+
+fix build issue in nuxt projects using @sit-onyx/nuxt

.gitignore

@@ -30,6 +30,7 @@ blob-report/
 storybook-static
 eslint-results.sarif
 .nuxt
+.output
 
 # Development config
 .env*

packages/nuxt/src/module.ts

@@ -10,6 +10,14 @@ export default defineNuxtModule<ModuleOptions>({
   },
   defaults: {},
   setup(_options, nuxt) {
+    /**
+     * The calc plugin of cssnano doesn't work with calc constants (https://developer.mozilla.org/en-US/docs/Web/CSS/calc-constant) used within onyx.
+     * Therefor it needs to be disabled temporarily until they are either no longer used inside onyx or the calc plugin is fixed.
+     * An issue was raised for inside the calc plugin: https://github.com/postcss/postcss-calc/issues/210
+     */
+    nuxt.options.postcss.plugins.cssnano ??= {};
+    nuxt.options.postcss.plugins.cssnano.preset = ["default", { calc: false }];
+
     nuxt.options.css.push("sit-onyx/style.css");
 
     Object.keys(onyx)