Styling not working when pushing to production ( padding, margin )

[indigotechtutorials]

For some reason on new apps the styling is not working correctly when I deploy my Ruby on Rails app with TailwindCSS to production using Kamal

The styling works properly when developing locally but when I push to production it breaks. Some things work like background colors and text colors rounded.

But other things don't work like padding.

Its very strange, this has never happened before on earlier versions it just happened when trying to create some apps in the past week

[navidemad]

Same problem. I tried to remove the minification with ENV["TAILWINDCSS_DEBUG"] = "1" but it does not work also

[indigotechtutorials]

Same problem. I tried to remove the minification with ENV["TAILWINDCSS_DEBUG"] = "1" but it does not work also

I just switched back to Tailwind CSS v3 and things immediately worked after wards when pushing to production. So it seems like its an issue with v4 specifically

[navidemad]

I think i found the root cause, seems to be related to the Docker builder on mac when using kamal.
Thanks to this reddit post : https://www.reddit.com/r/rails/comments/1khx3at/asset_precompilation_fails_with_tailwindcss_and/

You either have to setup the Docker builder to use this one:

Or you can use a cloud builder, ou use a remote builder.

[flavorjones]

This is an issue with Rosetta. See tailwindlabs/tailwindcss#17728 (comment) for an explanation and some workarounds.