CSS Class Order Changed After Upgrading from Next.js 12 and Tailwind CSS 2.2.15 to Next.js 14 and Tailwind CSS 3.4.3
I recently upgraded my Next.js project from version 12 to version 14 and Tailwind CSS from version 2.2.15 to 3.4.3. I’m using Tailwind CSS along with CSS Modules for styling. After the upgrade (including replacing the pages for app router and removing _app.tsx), I’ve noticed that the order of the CSS classes applied to my elements has changed. I updated a lot of files so I am struggling to find the reason for the change).