For utilities like flex, grid, border, that have the utilities same as the prefix, a special ~ value is provided.
For example:
<button class="border border-red"> Button </button>
Can be written as:
<button border="~ red"> Button </button>