custom units aren't "preferred" in classes selection

I know it's a rare issue, but still, i think it's worth sharing.
Here is a component that displays a certain number of cards according to screen width (hence the precise numbers).
```

In the browser without DevTools, the min-* classes have higher priority: if my window width is 2560px, i'll have 6 rows.
But in Chrom with DevTools, the grid-cols-[repeat(1,_minmax(273px,_1fr))] is applied, whatever the actual window width.

Reproduce the provided HTML and Tailwind classes in Chrome with DevTools open at a 2560px window, then compare the applied grid class with DevTools closed. The issue is done when the appropriate min-* class is selected consistently and the base grid-cols class no longer overrides it in DevTools.

Written by the indexing model from the issue text.