bug: kbd wrong theme color inside alert

[tmac12]

What version of daisyUI are you using?

4.12.12

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

https://tmac12.github.io/angular-daisyui-themeCharger/

Describe your issue

Problem

When using the kbd inside a div with the class alert, the behavior and appearance of the kbd component are inconsistent with how a button behaves in the same context.

This is the code:

<div role="alert" class="alert shadow-lg alert-error">
  <button class="btn btn-sm">Hello</button>
  <kbd class="kbd">123</kbd>
</div>

Expected Behavior

The kbd component should behave consistently in terms of styling and alignment with other components like button when placed inside a div with the alert class.

[github-actions]

Thank you @tmac12 for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.