refactor(modal): change from inset to top..left style to support legacy version chrome browser (#1110)

* refactor(modal): change from inset to top..left style to support legacy version chrome browser

* chore(changeset): add changeset

Author: sungik-choi

.changeset/mighty-olives-deliver.md

@@ -0,0 +1,5 @@
+---
+"@channel.io/bezier-react": patch
+---
+
+Change modal floating style from `inset` to `top`...`left` position to support legacy browser

packages/bezier-react/src/components/Modals/Modal/Modal.styled.ts

@@ -11,7 +11,10 @@ import ModalAnimation from './ModalAnimation.styled'
 
 export const DialogPrimitiveOverlay = styled(DialogPrimitive.Overlay)`
   position: fixed;
-  inset: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
   z-index: var(--bezier-modal-z-index);
   display: grid;
   place-items: center;