[Bug]: dialog and aria-modal are on different elements

[jnurthen]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

dialog / dialog wrapper

Expected behavior

aria-modal and role=dialog are on different elements.
These have to be on the same element per the aria spec https://w3c.github.io/aria/#aria-modal

Actual behavior

When rendering a dialog using dialog wrapper the role=dialog gets rendered on the sp-dialog element but aria-modal=true gets rendered on the active-overlay element.

Screenshots

No response

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

1. Go to dialog wrapper https://opensource.adobe.com/spectrum-web-components/components/dialog-wrapper/
2. Click on toggle dialog
3. inspect the DOM

Sample code that illustrates the problem

No response

Logs taken while reproducing problem

No response

[Westbrook]

We're moving to the <dialog> element in https://overlay-mixins--spectrum-web-components.netlify.app/components/dialog-wrapper/, which should resolve this.