Components Inside a Tooltip Have Low Contrast

[snelsi]

Description

When the Theme appearance is set to light, the Tooltip has a dark background. When the appearance is dark, the Tooltip has a light background. This results in some components having terrible/unreadable contrast if you try to use them inside the Tooltip.

Here's an example with Link, Badge, and Code components:

Expected behaviour

Apply Theme with the appearance opposite to the one currently selected to the inner content of the Tooltip.

Codesandbox:

https://codesandbox.io/p/sandbox/still-grass-gh2xpt