Dialog has z-Index, no need for it

[i23098]

Steps to reproduce

Link to live example: https://stackblitz.com/edit/github-u6qlmh?file=src%2FApp.js

Steps:

1. Click the "SHOW ERROR" button

Current behavior

The error message shows behind the MUI Dialog

Expected behavior

The error message shows on top of the MUI Dialog

Context

Trying to use other components that don't rely on zIndex as it never should be used.

If I force the creation of the MUI Dialog with no zIndex, it works fine:

      <Dialog open={true} sx={{zIndex: 'auto'}}>

but I think that it should be the default behaviour to not have a zIndex!

Your environment

No response

Search keywords: dialog zIndex z-index