[Bug]: v9 DialogSurface fit-content problems on Safari 15

[bsunderhus]

Library

React Components / v9 (@fluentui/react-components)

System Info

System:
   OS: macOS 12.5.1
Browsers:
   Safari: 15.6.1

Are you reporting Accessibility issue?

No response

Reproduction

https://react.fluentui.dev/?path=/docs/preview-components-dialog--default#default

Bug Description

Actual Behavior

On Safari 15 seems like height:fit-content is not working as expected!

Chrome on the left and Safari on the right:

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[msft-fluent-ui-bot]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[msft-fluent-ui-bot]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.