Dialog component not rendering

[jdrush89]

Describe the bug
The Dialog component is not rendering on the doc site or in local testing.

Note: As this is a public repo, please be careful not to include details or screenshots from unreleased GitHub products or features. In most cases, a good bug report should be able to describe the new component without including business logic or feature details, but if you must discuss context relating to an unreleased feature, please open an issue in the private Design Systems repo and link to it here.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://primer.style/react/Dialog'
2. Click on 'Open' button
3. No dialog appears

Expected behavior
A Dialog with 'Some content' should appear as a modal.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: iOS
• Browser: repos in chrome, firefox, and safari
• Version: chrome: 97.0.4692.71, ff: 100.0 safari: 14.1 (16611.1.21.161.6)

Extra Context
The Dialog seems to be working in storybook examples, but not on the Doc site itself, or when testing in a local codespace.

[colebemis]

Ah, nice catch, @jdrush89! Thank you for reporting this. Looks like we're loading the legacy implementation of Dialog into the new Dialog docs.

We discussed this in our engineering sync today. Here's our plan to resolve this issue:

• Undeprecate the legacy Dialog in the docs (since it's not deprecated in the npm package)
  • /deprecated/Dialog -> /Dialog
  • Remove deprecated label
• Move the new Dialog to "drafts"
  • /Dialog -> /drafts/Dialog
  • Make the new Dialog available to import from @primer/react/drafts

If you'd like to make these changes, feel free to open another PR!