Building project with Docker gets stuck at transforming

[GlitchDevX]

Environment

• Operating System: Linux
• Node Version: v22.11.0
• Nuxt Version: 3.16.2
• CLI Version: 3.24.1
• Nitro Version: 2.11.8
• Package Manager: [email protected]
• Builder: -
• User Config: compatibilityDate, devtools, css, modules
• Runtime Modules: @nuxt/[email protected], @nuxt/[email protected], @nuxt/[email protected], @nuxt/[email protected], @nuxt/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.16.2

Reproduction

https://github.com/GlitchDevX/nuxt-docker-build

GitHub Actions:
Working Example
Stuck Example

Description

I was trying to create a dockerfile being able to build the complete project without any extra commands to execute beforehand. To do that I tried using a node image as base of the builder part of my multipart dockerfile.

In the building process the npm ci command is executed correctly. However npm run generate or npm run build will get stuck at the transforming step.

I pinned the issue down to the tailwindcss import in the main.css as explained in the nuxt ui starter guide. As when this import is commented out the build will succeed without any issues.

I already tried using different node base images, but it didn't change anything.

Additional context

With tailwindcss import:

Without tailwindcss import:

I created a branch for the minimally changed version without the tailwind css for easier switching in the reproduction repo.

Logs