[Dialog] Allow to set disableOutsidePointerEvents on DialogContent

[lesha1201]

Description

Handles #2122 (all the details there)

Let me know if I should add any tests or stories for that PR.

[benoitgrelard]

Hi @lesha1201,

I wouldn't make sense to turn this feature off whilst in modal mode thus why we preset a bunch of things based on modality.

Also see: #2122 (comment)

[Lexachoc]

When I have modal={true} (the default) and turned on forceMount, I can't click on the page because of this prop is set true, any idea how to overcome this? I saw the solution of using setTimeout to remove it later in here: #2122 (comment) but I wonder if it's possible to allow the expose of this prop that we can turn it off when using forceMount? I would like the pointer event to be disabled only when the Dialog is opened, just like the default behavior.

Issue with forceMount:
#998

Related issue about scrolling:
#1159
#2122

After altering the code, I was able to use the Dialog forceMount as expected, like the forceMount used for [Tabs] (https://www.radix-ui.com/primitives/docs/components/tabs#content), which I can use the class name (Tailwind) to change the visibility of the tabs instead of unmounting them.

But I stuck at the pointer event, which was forced to be added to the div when using forceMount.