Adds default styles for [popover]

[brandonmcconnell]

This PR addresses existing preflight styles that break the default positioning of popover elements, as well as add some sensible default colors to override those set by the UA by default

• Restores default centering: Implements margin: auto to maintain the expected centering for popovers.
• Sensible default colors:
• Sets color: inherit for more predictable text styles.
• Sets background-color: transparent for easier customization.

The browser's defaults for these colors are canvastext and canvas color, respectively, which is another option (to allow the UA styles to take precedence), but I think the inherit/transparent styles are more customizable by default, similar to how borders are removed from form controls when Tailwind CSS applies appearance: none to form controls, by default.

Minimal repro: https://play.tailwindcss.com/jjyvteYH0n

[philipp-spiess]

@brandonmcconnell Hey! Thanks for the PR but I do think we should handle [popover] the same as <dialog>. For the latter we've been removing the margin explicitly and even mention it in the upgrade guides: #16372.

For colors and background colors, <dialog> also falls back to the default canvastext/canvas colors right now: https://play.tailwindcss.com/9Y4nGN0Kyk

So I wonder if the move here is to also mention that [popover] has its margin removed in the upgrade guide instead and not make any changes in preflight (these would be considered breaking changes too so landing them requires more care).

[brandonmcconnell]

So the browser default styling actually breaks the styling (specifically inset) for non-dialog popovers.

Even if you were to change just the inset, I think that would be a huge improvement. Una Kravets has been fighting for this specifically:
https://x.com/una/status/1917662266427859202?s=46&t=spTB6QeQp6pscIFtkaMK7w

Something like this:

[popover]:not(dialog) {
  inset: auto;
}