chore: restructure project into yarn workspaces, remove next

packages/design-system/atoms/fonts/fonts.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import styled, { css } from 'styled-components';
+
+export const InjectTypekitFont = () => {
+    React.useEffect(() => {
+        (window as any).Typekit.load();
+    }, []);
+    return (
+        <>
+            <link
+                key="typekit-css-preload"
+                rel="preload"
+                href="https://use.typekit.net/bck0pci.js"
+                as="script"
+            />
+            <script key="typekit-js" src="https://use.typekit.net/bck0pci.js" />
+        </>
+    );
+};
+
+export const fontCSS = css`
+    font-family: 'source-han-sans-japanese', 'Source Sans Pro', sans-serif,
+        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
+`;
+
+export const UseFontStyled = styled.div`
+    ${fontCSS}
+`;