fix(sandpack): upgrade dependencies (#4075)

* fix(sandpack): upgrade dependencies

* fix(sandpack): remove selector that relies on the editor state

beta/package.json

@@ -18,7 +18,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "@codesandbox/sandpack-react": "^0.1.16",
+    "@codesandbox/sandpack-react": "^0.1.20",
     "@docsearch/css": "3.0.0-alpha.41",
     "@docsearch/react": "3.0.0-alpha.41",
     "@headlessui/react": "^1.3.0",

beta/src/styles/sandpack.css

@@ -140,11 +140,11 @@ html.dark .sp-tabs .sp-tab-button[data-active='true'] {
   font-size: 16px !important;
   line-height: 24px !important;
 }
-.sp-cm.sp-pristine .cm-scroller, .sp-cm.sp-dirty .cm-scroller {
+.sp-cm .cm-scroller {
   overflow: auto !important;
   padding: 18px 0 !important;
 }
-.sp-cm.sp-pristine .cm-gutters, .sp-cm.sp-dirty .cm-gutters {
+.sp-cm .cm-gutters {
   background-color: var(--sp-colors-bg-default);
   z-index: 1;
 }