chore: added the TailwindCSS configurations

packages/dantalion-web-playground/postcss.config.js

@@ -0,0 +1 @@
+module.exports = { plugins: { autoprefixer: {}, tailwindcss: {} } };

packages/dantalion-web-playground/src/pages/_app.tsx

@@ -0,0 +1,11 @@
+import type { AppProps } from 'next/app';
+import type { VFC } from 'react';
+import 'tailwindcss/tailwind.css';
+
+const App: VFC<AppProps> = ({ Component, pageProps }) => (
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  <Component {...pageProps} />
+);
+App.displayName = 'App';
+
+export default App;

packages/dantalion-web-playground/tailwind.config.js

@@ -0,0 +1,38 @@
+const defaultTheme = require('tailwindcss/defaultTheme');
+const neumorphism = require('tailwindcss-neumorphism');
+
+module.exports = {
+  darkMode: 'media', // false, or 'media' or 'class'
+  plugins: [neumorphism],
+  purge: {
+    content: [
+      './src/pages/**/*.{js,ts,jsx,tsx}',
+      './src/components/**/*.{js,ts,jsx,tsx}',
+    ],
+  },
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: [
+          ...new Set([
+            '-apple-system',
+            'BlinkMacSystemFont',
+            'BIZ UDPGothic',
+            'system-ui',
+            'Helvetica Neue',
+            'Helvetica',
+            'Ubuntu',
+            'Droid Sans',
+            'Hiragino Sans',
+            'Hiragino Kaku Gothic ProN',
+            'Arial',
+            'Yu Gothic',
+            'Meiryo',
+            ...defaultTheme.fontFamily.sans,
+          ]),
+        ],
+      },
+    },
+  },
+  variants: { extend: {} },
+};