Centralizing Tailwind config across teams/repos

[gkatsanos]

We are considering adopting tailwindCSS to our organization, and I was wondering how we would be able to have one centralized tailwind configuration shared across several repositories (we use VueJS/NuxtJS). The configuration would define our brand colors, breakpoints, spacings and more.

What is challenging for us is how to have only 1 dist CSS file compiled - cached and shared across pages. (we use micro-frontends). Sharing a configuration is easy but that would mean every app would have to re-build and re-compile tailwind separately.

I guess with JIT compiler we have to compile Tailwind for every app separately, but maybe I'm wrong?
Would maybe in our case having a pre-compiled tailwind custom distribution file be ultimately faster rather than using the JIT compiler?