Use tailwind
Date: 2023-10-13
Status: accepted
Context
Creating unit tests with @vanilla-extract and vitest does not seem to work. The reason behind is the pre-bundling of node_modules of vitest which does not integrate with the configured vite plugins. If the js files for vanilla-extract are not pre-processed by that plugin, it fails at runtime.
The result was that all tests fail with the recommendation to pre-process that files, which in turn is not possible with vitest.
Decision
To handle this case, we decided to remove vanilla-extract from atlas and go with tailwind. This will create a minimal CSS result for the build application and remix does bring first-class support for it.
Consequences
All components in atlas where rewritten. The stack setup was updated to support tailwind instead of vanilla-extract.