Upgrade astro version v4

.nvmrc

@@ -1 +1 @@
-v16.15.0
+v18.14.1

.tool-versions

@@ -1 +1 @@
-nodejs 16.16.0
+nodejs 18.14.1

astro.config.ts

@@ -5,15 +5,13 @@ import svgr from "vite-plugin-svgr"
 import astroI18next from "astro-i18next"
 import { astroCallouts, asideAutoImport } from "./integrations/astro-callouts"
 import { solidityRemixCode, codeSampleAutoImport } from "./integrations/solidity-remix"
-import { youtubeEmbed } from "./integrations/youtube-embed"
 import mdx from "@astrojs/mdx"
 import rehypeSlug from "rehype-slug"
 import rehypeAutolinkHeadings from "rehype-autolink-headings"
 import rehypeKatex from "rehype-katex"
 import rehypeMermaid from "rehype-mermaidjs"
 import remarkGfm from "remark-gfm"
 import remarkMath from "remark-math"
-import image from "@astrojs/image"
 import AutoImport from "astro-auto-import"
 
 import sitemap from "@astrojs/sitemap"
@@ -23,6 +21,7 @@ import tailwind from "@astrojs/tailwind"
 // https://astro.build/config
 export default defineConfig({
   site: "https://docs.scroll.io",
+  scopedStyleStrategy: "where",
   legacy: {
     astroFlavoredMarkdown: true,
   },
@@ -39,14 +38,12 @@ export default defineConfig({
     }),
     astroCallouts(),
     solidityRemixCode(),
-    youtubeEmbed(),
     mdx(),
-    image(),
     tailwind({
-      // Example: Disable injecting a basic `base.css` import on every page.
-      // Useful if you need to define and/or import your own custom `base.css`.
-      config: { applyBaseStyles: false },
+      applyBaseStyles: false,
+      nesting: true,
     }),
+
     astroI18next(),
   ],
   vite: {
@@ -61,7 +58,14 @@ export default defineConfig({
       [
         rehypeAutolinkHeadings,
         {
-          behavior: "append",
+          behavior: "wrap",
+          properties: {},
+          content: {
+            type: "element",
+            tagName: "span",
+            properties: { className: ["icon", "icon-link"] },
+            children: [],
+          },
         },
       ],
       [