Tailwind v0.36 Upgrade Guide

incase it catches anyone else out, some google fonts I was using broken when I upgraded this, I’m assuming because the new version has some stricter rules around how to use imports with postcss.

Relevant tailwind docs:

What fixed it for me was I put my font imports into a new css file and imported that into App.tsx
diff here https://github.com/Irev-Dev/cadhub/commit/1c13a38ccbca2b30954c75246850e7b5ca728e14

One other note is that the fonts worked fine with yarn rw dev, had to use yarn rw build && yarn rw serve to replicate broken fonts and then test they would work okay in prod after fix.

3 Likes