Skip to main content

Tailwind upgraded from v3 to v4

In this version we upgraded the foundation for our tailwind to use tailwind 4.1.18 instead of 3.x.

Effected packages:

  • @trackunit/css-core - contains the generated css file to use
  • @trackunit/css-tailwind - deprecated, just remove it from your package.json
  • @trackunit/css-tailwind-custom-properties-plugin - deprecated, just remove it from your package.json

Also, many of the React libraries have changed, so make sure to update all Trackunit dependencies.

Use this command to make sure you are updated with all latest Trackunit dependencies

npx npm-check-updates "/@trackunit/" -u

Now you need to install the latest tailwind dependencies

npm install @tailwind/postcss@4.1.18 --save-dev
npm install tailwindcss@4.1.18 --save-dev

After this the 'serve' command will use the correct tailwindcss/postcss and all Trackunit dependencies are updated.

For more information on how it might effect your own tailwind classes in your codebase - check this Migration guide