Use the `sd-meta--inverted` class when displayed on primary background.

- White is the default
- `sd-meta--light`: Primary-400

```html
<div class="p-4 bg-primary flex flex-row gap-12">
  <span class="sd-meta sd-meta--inverted">Default</span>
  <span class="sd-meta sd-meta--inverted sd-meta--light">Light</span>
</div>
```