[bug]: Translucent dropdown-menu breaks with scroll

### Describe the bug The `::before` pseudo element takes the height of the menu, not the content, and it scrolls with it causing this weird appearance: <img width="480" height="251" alt="Image" src="https://github.com/user-attachments/assets/462fcd20-88d3-4c5a-8ad5-592f25f550f6" /> using `position: fixed` to the `::before` seems to fix the issue ### Affected component/components DropdownMenu ### How to reproduce 1. install a dropdown menu with translucent option 2. create a dropdown menu with content exceeding its height 3. scroll ### Codesandbox/StackBlitz link _No response_ ### Logs ```bash ``` ### System Info ```bash macOS, Chrome, Safari ``` ### Before submitting - [x] I've made research efforts and searched the documentation - [x] I've searched for existing issues