Changing Overlay Backdrop Z-index

[stescacom]

How to change the z-index of overlay backdrop? I have the following scenario:

Sidebar and the modal is shown in the content

Sidebar & Modal have a backdrop of z-[50] which is set by preline JS. This makes both the sidebar and modal visible when modal is in Open state.

I have found the property data-hs-overlay-backdrop-container in preline JS documentation, however the classes do not update...

I want the overlay backdrop on top of the sidebar. Any suggestions? The following is the result of current setup.

[stescacom]

add the class hs-overlay-backdrop-open:z-[60] to outer overlay div with the overlay div z-index `z-[80]

<div class="hs-overlay hidden w-full h-full fixed top-0 left-0 z-[80] overflow-x-hidden overflow-y-auto [--overlay-backdrop:static] hs-overlay-backdrop-open:z-[60]">... inner modal structure ...</div>