bug: indicator misaligned for center and middle placements when child in indicator-item

[eligrubbs]

Reproduction URL (Required)

https://play.tailwindcss.com/O0HYtHwACc

What version of daisyUI are you using?

v5.6.7

Which browsers are you seeing the problem on?

All browsers, Safari iOS, Firefox

Describe your issue

On the demo page, the last example shows a button as an indicator for a card. This appears to work until you add either indicator-center or indicator-middle to the element. The result is a misaligned element.

Please see the Tailwind Play link for more examples.

The bug comes from using --indicator-{e/b}: 50% instead of --indicator-{e-b}: auto in the indicator-{center/middle} elements respectively.

Providing this change does not break the appearance for those that do not nest elements in the html element tagged with indicator-item.

If I have misunderstood something / am misusing daisyUI to expose this bug please let me know.

[github-actions]

Thank you @eligrubbs 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.