Add pointer media queries

[6TELOIV]

From the excellent tailwind "Build UIs that don't suck" course, I re-learned about the @media (pointer: <value>) media query.

I propose this be added to the build-in tailwind media queries, with the syntax pointer-coarse: and pointer-fine:. For example:

<button class="relative size-6 flex items-center justify-center">
  <!-- touch target expansion; hide on fine pointer devices -->
  <span class="absolute size-12 pointer-fine:hidden"></span>
  <!-- rest of the button -->
</button>```

[6TELOIV]

I'd love to contribute this feature (as a learning exercise of tailwinds internals). I'll try and make a PR shortly

[6TELOIV]

Just discovered this is being (possibly) added already, and is locked behind the STABLE flag (https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/variants.ts#L1154)

[wongjn]

Yep, from #16946.

[philipp-spiess]

We plan to launch this with 4.1 sometimes in the not too distant future. 🤫