Add support for popper-content-wrapper styling

[eshelsil]

Feature request

Mainly I would like to request the support for using Popper while using an "absolute" floating strategy rather than fixed.
Eventually, the popper-content-wrapper will get styled with "position: fixed;" and there is no straight-forward way to change it.

Overview

In the codebase you can see that the strategy is hardcoded strategy: 'fixed',
which is the cause of the "position: fixed;" style.

So all components that use the popper must use this "fixed" strategy and it would be quite hard to choose the "absolute" strategy.

The main reason I had this need is due to the following issue:
Popover inside a scrollable container will appear outside of the container when exceeding its boundaries, even if its anchor is in the hidden overflown section of the container:

Issue Example on Codesandbox

Who does this impact? Who is this for?

I think it might impact everyone

Additional context

In order to solve that issue I had to add {absolute: !important} to css because the data-radix-popper-content-wrapper's fixed position is set as a style:

.absolute-popover-container > [data-radix-popper-content-wrapper] {
  position: absolute !important;
  pointer-events: all;
}

Hack Solution Example in Codesandbox