Feature Request: Reduce the zIndex in Dialog to 100 or 999

[dev-phantom]

Description

The current implementation of the Dialog component in

material-tailwind/packages/material-tailwind-react/src/components/Dialog/index.tsx

Line 153 in 8718792

zIndex: 9999,

uses a zIndex value of 9999. This value is too high in many cases and can cause issues when integrating the Dialog into projects with custom zIndex layers.

Proposed Changes

1. Reduce the default zIndex value to 100 or 999.
2. Alternatively, allow the zIndex to be passed as a configurable prop, providing developers more flexibility to adjust it based on their application needs.

Benefits

• Improved compatibility with existing applications that have their own zIndex layers.
• Increased configurability of the Dialog component, aligning it better with various project requirements.

Example Usage

<Dialog zIndex={500}>
  {/* Dialog content */}
</Dialog>

Reference

The current implementation can be found

material-tailwind/packages/material-tailwind-react/src/components/Dialog/index.tsx

Line 153 in 8718792

zIndex: 9999,

Thank you for considering this request!

[dev-phantom]

i can fix this issue if considered

[dev-phantom]

this also causes issues when using the Tailwind CSS WYSIWYG Editor