E aproveitando tb, deixar claro na doc que o dialog quando utilizado o shortcut ele cria o elemento na raiz do body e não onde foi chamado, o consequentemente ele fica em cima de tudo, mas ainda assim tem que se tomar cuidado quando setar o z-index das coisas no contexto do body, pq vai competir com ele.
Externalizar uma variável css para controlar o z-index do modal, dropdown e dialog.
E já aproveitando deixar documentado no szot as implicações de se mexer no z-index de coisas sem um contexto bem trabalhado: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context
E aproveitando tb, deixar claro na doc que o dialog quando utilizado o shortcut ele cria o elemento na raiz do body e não onde foi chamado, o consequentemente ele fica em cima de tudo, mas ainda assim tem que se tomar cuidado quando setar o z-index das coisas no contexto do body, pq vai competir com ele.