refactor: migrate dialogs & tooltips from reach-ui (#2314)

packages/web/src/stylesheets/_modals.scss

@@ -143,7 +143,6 @@
   }
 }
 
-[data-reach-dialog-overlay],
 [data-mobile-popover] {
   max-height: none;
   max-height: var(--ios-viewport-height, none);

packages/web/src/stylesheets/_reach-sub.scss

@@ -1,34 +0,0 @@
-[data-reach-dialog-overlay] {
-  z-index: var(--z-index-modal);
-  background: none;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  overflow: unset;
-}
-
-[data-reach-dialog-overlay]::before {
-  background-color: var(--sn-stylekit-passive-color-5);
-  content: '';
-  position: fixed;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-  opacity: 0.75;
-}
-
-[data-reach-dialog-content] {
-  position: relative;
-}
-
-[data-reach-dialog-content] .sk-modal-content,
-[data-reach-dialog-content] .sn-component,
-[data-reach-dialog-content] .sk-panel {
-  height: 100%;
-}
-
-[data-reach-alert-dialog-content] {
-  width: auto;
-}

packages/web/src/stylesheets/index.css.scss

@@ -14,7 +14,6 @@ $blocks-editor-icons-path: '../javascripts/Components/SuperEditor/Lexical/Icons'
 @import 'menus';
 @import 'modals';
 @import 'stylekit-sub';
-@import 'reach-sub';
 @import 'sessions-modal';
 @import 'preferences';
 @import 'focused';