chore: remove query-string dependency

.storybook/preview.jsx

@@ -1,4 +1,3 @@
-import queryString from 'query-string'
 import { DocsContainer } from '@storybook/blocks'
 import { withThemeByDataAttribute } from '@storybook/addon-styling'
 import { Icon } from '@spark-ui/icon'
@@ -52,13 +51,15 @@ export const decorators = [
     attributeName: 'data-theme',
   }),
   (storyFn, { id, viewMode }) => {
-    const { globals } = queryString.parse(window.top?.location.search)
+    const params = new URLSearchParams(window.top?.location.search)
+    params.set('id', id)
+    params.delete('path')
     return (
       <div className="relative w-full">
         {viewMode === 'docs' && (
           <div className="absolute -right-lg -top-xl">
             <a
-              href={`/iframe.html?${queryString.stringify({ id, globals })}`}
+              href={`/iframe.html?${params.toString()}`}
               target="_blank"
               className="text-basic hover:text-basic-hovered focus:text-basic-focused enabled:active:text-basic-pressed"
             >

package.json

@@ -109,7 +109,6 @@
     "postcss": "8.4.31",
     "prettier": "3.2.4",
     "prettier-plugin-tailwindcss": "0.5.11",
-    "query-string": "^8.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-live": "3.2.0",