Merge branch 'treeview-roving-tabindex' of github.com:primer/react into treeview-roving-tabindex

Author: colebemis

.changeset/chatty-kangaroos-reply.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Dialog: Remove landmark elements to improve accessibility

.changeset/wise-keys-drum.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+TreeView: Use roving tabindex instead of `aria-activedescendant` for improved VoiceOver support in Safari

src/Dialog/Dialog.tsx

@@ -313,7 +313,7 @@ const _Dialog = React.forwardRef<HTMLDivElement, React.PropsWithChildren<DialogP
 })
 _Dialog.displayName = 'Dialog'
 
-const Header = styled.div.attrs<SxProp>({as: 'header'})`
+const Header = styled.div<SxProp>`
   box-shadow: 0 1px 0 ${get('colors.border.default')};
   padding: ${get('space.2')};
   z-index: 1;
@@ -344,7 +344,7 @@ const Body = styled.div<SxProp>`
   ${sx};
 `
 
-const Footer = styled.div.attrs<SxProp>({as: 'footer'})`
+const Footer = styled.div<SxProp>`
   box-shadow: 0 -1px 0 ${get('colors.border.default')};
   padding: ${get('space.3')};
   display: flex;