been working on this dashboard where the sidebar width changes based on some weird dynamic calc. instead of bloating my tailwind config with every possible pixel value, i've just been using the square bracket syntax directly in the template. it keeps the utility classes readable without jumping back and forth to the config file for a single tweak. works best when you have a specific calculation that doesn't repeat elsewhere.
grid-cols-[1fr_auto_minmax(200px,1fr)]gap-[calc(1rem+var(--dynamic-offset))]
it's
clean slightly messy but much better than managing a massive config for one-off layouts. just make sure you don't forget the underscores instead of spaces inside the brackets or it'll break.