bug: Background color classes not working when using horizontal menu with nested drop down menu.

[Jabronironi]

What version of daisyUI are you using?

3.1.5

Describe your issue

When using 'menu-horizontal' class with an item that contains a <details> 'dropdown' with a <ul> 'dropdown-content menu' item that is styled with a 'bg-*' class, the background color is not being applied. There are also other styles not respected here. If you use a menu that is not 'menu-horizontal', it works as expected. e.g. -

Does NOT respect background color:

<ul class="menu menu-horizontal">
    <li><a>Item</a></li>
    <li>
        <details class="dropdown">
            <summary>Item</summary>
            <ul class="dropdown-content menu rounded-box mt-3 w-52 bg-base-200 p-2 shadow">
                <li><a>Item</a></li>
            </ul>
        </details>
    </li>				
</ul>

Does respect background color:

<ul class="menu">
    <li><a>Item</a></li>
    <li>
        <details class="dropdown">
            <summary>Item</summary>
            <ul class="dropdown-content menu rounded-box mt-3 w-52 bg-base-200 p-2 shadow">
                <li><a>Item</a></li>
            </ul>
        </details>
    </li>				
</ul>

What browsers are you seeing the problem on?

Edge

Reproduction URL (optional)

No response