upgrade nextv14

Author: aspeddro

package-lock.json

@@ -10,6 +10,8 @@
   "type": "module",
   "postcss": {
     "plugins": {
+      "postcss-import": {},
+      "tailwindcss/nesting": "postcss-nesting",
       "tailwindcss": {},
       "autoprefixer": {}
     }
@@ -30,7 +32,7 @@
     "highlight.js": "^11.9.0",
     "highlightjs-rescript": "^0.2.2",
     "lz-string": "^1.4.4",
-    "next": "^13.1.1",
+    "next": "^14.2.1",
     "next-mdx-remote": "^4.4.1",
     "prettier": "^1.18.2",
     "react": "^18.2.0",
@@ -63,6 +65,7 @@
     "esbuild-loader": "^2.20.0",
     "postcss": "^8.4.27",
     "postcss-cli": "^8.3.0",
+    "postcss-nesting": "^12.1.1",
     "reanalyze": "^2.16.0",
     "simple-functional-loader": "^1.2.1",
     "tailwindcss": "^3.3.3"

package.json

@@ -1,10 +1,11 @@
-@tailwind base;
-@tailwind components;
-
 @import './_hljs.css';
 @import './_markdown.css';
 @import "./_fonts.css";
 @import "./_docsearch.css";
+
+@tailwind base;
+@tailwind components;
+
 /* @import "./_typography.css"; */
 
 body {
@@ -47,7 +48,7 @@ body {
     }
   }
 
-  @responsive {
+  @layer components {
     .hl-1 {
       @apply text-48 font-semibold tracking-tighter leading-tight text-black
     }
@@ -68,7 +69,7 @@ body {
     }
   }
 
-  @responsive {
+  @layer components {
     .body-lg {
       @apply text-18 font-normal tracking-tight leading-4
     }