[WEB-4684] chore: dialog component enhancements (#7606)

* chore: z-index tokens added

* chore: dialog component code refactor

* chore: dialog component improvements

* fix: lint error

* fix: lint error

* fix: format error

packages/tailwind-config/tailwind.config.js

@@ -442,6 +442,20 @@ module.exports = {
       fontFamily: {
         custom: ["Inter", "sans-serif"],
       },
+      zIndex: {
+        base: 0 /* default content */,
+        header: 10 /* sticky headers, navbars */,
+        sidebar: 20 /* sidebars, drawers */,
+        dropdown: 30 /* dropdowns, select menus */,
+        popover: 40 /* popovers, hovercards */,
+        tooltip: 50 /* tooltips, hints */,
+        sticky: 60 /* sticky UI */,
+        backdrop: 90 /* backdrop / overlay */,
+        modal: 100 /* dialogs, modals */,
+        toast: 110 /* toast, alerts */,
+        loader: 120 /* blocking loader/spinner */,
+        max: 9999 /* emergency override (rare use) */,
+      },
     },
   },
   plugins: [