Add a merged style to check types of react and native at the same time

examples/next-example/src/pages/_app.tsx

@@ -3,9 +3,9 @@
 // Licensed under the MIT license. See LICENSE file in the project root for details.
 //
 
-import { Theme, ThemeProvider, useYoshiki } from "yoshiki";
+import { Theme, ThemeProvider } from "yoshiki";
+import { useYoshiki, useMobileHover } from "yoshiki/web";
 import { AppProps } from "next/app";
-import { useMobileHover } from "yoshiki";
 
 declare module "yoshiki" {
 	export interface Theme {

examples/next-example/src/pages/_document.tsx

@@ -3,7 +3,7 @@
 // Licensed under the MIT license. See LICENSE file in the project root for details.
 //
 
-import { StyleRegistryProvider, createStyleRegistry } from "yoshiki";
+import { StyleRegistryProvider, createStyleRegistry } from "yoshiki/web";
 import Document, { DocumentContext } from "next/document";
 
 Document.getInitialProps = async (ctx: DocumentContext) => {

examples/next-example/src/pages/index.tsx

@@ -5,7 +5,7 @@
 
 import Head from "next/head";
 import Image from "next/image";
-import { useYoshiki, Stylable } from "yoshiki";
+import { useYoshiki, Stylable } from "yoshiki/web";
 import { ReactNode } from "react";
 
 const Box = ({ children, ...props }: { children?: ReactNode } & Stylable) => {