How does people solve component variants? Say <Button type="success" size="lg"> or <Button type="danger" size="sm"> ?

For optimal gzipping (and saner readability) it's recommended to have sorted classes (prettier-plugin-tailwindcss)

But if you want to have some overridability (avoid clashing of p-4 and p-8) you need tailwind-merge.

These two don't play together well