I've stopped using tailwind CSS for one of my personal projects. To test things out, I removed tailwind first like this:
<%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
Which worked fine locally and I was able to continue with the project just fine.
But deploying this to Heroku will fail with an error:
...
Rebuilding...
Done in 705ms.
rake aborted!
SassC::SyntaxError: Error: Function rgb is missing argument $green.
on line 1 of stdin
>> us-ring-color}a{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacit
------------------------------------------^
...
!
! Precompiling assets failed.
!
! Push rejected, failed to compile Ruby app.
! Push failed
To fix that you could go to the GitHub Issue and find a solution.
What I did instead since I didn't want to use it anymore anyway, is purging the half-dead tailwind from everywhere in my codebase:
👋
This does not include the mess that Tailwind has done so far to your CSS 🤣 This will be an extra step to gradually remove all of it.
