diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index 83ffb30db2cce..e9a555083b2da 100644
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -60,6 +60,11 @@ updates:
           - 'react-dom'
           - '@types/react'
           - '@types/react-dom'
+      tailwind:
+        patterns:
+          - '@savvywombat/tailwindcss-grid-areas'
+          - 'prettier-plugin-tailwindcss'
+          - 'tailwindcss'
     ignore:
       # Manually update major versions of @types/node with the version specified within .nvmrc
       - dependency-name: '@types/node'
diff --git a/components/Common/MetaBar/index.module.css b/components/Common/MetaBar/index.module.css
index e03ab0c3c64dd..729907ae24808 100644
--- a/components/Common/MetaBar/index.module.css
+++ b/components/Common/MetaBar/index.module.css
@@ -7,7 +7,6 @@
     border-l-neutral-200
     px-4
     py-6
-    dark:border-l-neutral-900
     md:max-w-xs
     lg:px-6
     xs:mt-8
@@ -15,6 +14,7 @@
     xs:border-l-0
     xs:border-t
     xs:border-t-neutral-200
+    dark:border-l-neutral-900
     xs:dark:border-t-neutral-900;
 
   dt {
diff --git a/components/Common/ProgressionSidebar/index.module.css b/components/Common/ProgressionSidebar/index.module.css
index 73402918076cf..f1e1c089e6da3 100644
--- a/components/Common/ProgressionSidebar/index.module.css
+++ b/components/Common/ProgressionSidebar/index.module.css
@@ -8,12 +8,12 @@
     bg-white
     px-4
     py-6
-    dark:border-neutral-900
-    dark:bg-neutral-950
     md:max-w-xs
     lg:px-6
     xs:w-full
-    xs:border-r-0;
+    xs:border-r-0
+    dark:border-neutral-900
+    dark:bg-neutral-950;
 
   > section {
     @apply flex
diff --git a/components/Common/Sidebar/index.module.css b/components/Common/Sidebar/index.module.css
index 15d7c282c95b0..345d1ad5eec89 100644
--- a/components/Common/Sidebar/index.module.css
+++ b/components/Common/Sidebar/index.module.css
@@ -9,12 +9,12 @@
     bg-white
     px-4
     py-6
-    dark:border-r-neutral-900
-    dark:bg-neutral-950
     md:max-w-xs
     lg:px-6
     xs:w-full
-    xs:border-r-0;
+    xs:border-r-0
+    dark:border-r-neutral-900
+    dark:bg-neutral-950;
 
   > section {
     @apply flex
diff --git a/components/Containers/Footer/index.module.css b/components/Containers/Footer/index.module.css
index f34359598fef5..e007bfa71d449 100644
--- a/components/Containers/Footer/index.module.css
+++ b/components/Containers/Footer/index.module.css
@@ -7,10 +7,10 @@
     border-neutral-200
     px-8
     py-4
-    dark:border-neutral-900
     md:flex-row
     md:justify-between
-    md:py-5;
+    md:py-5
+    dark:border-neutral-900;
 
   .sectionPrimary {
     @apply flex
diff --git a/components/Containers/NavBar/index.module.css b/components/Containers/NavBar/index.module.css
index 259518930e9b7..547a5adc655d6 100644
--- a/components/Containers/NavBar/index.module.css
+++ b/components/Containers/NavBar/index.module.css
@@ -1,13 +1,13 @@
 .container {
   @apply border-neutral-200
-    dark:border-neutral-900
     md:flex
     md:h-16
     md:flex-row
     md:items-center
     md:gap-8
     md:border-b
-    md:px-8;
+    md:px-8
+    dark:border-neutral-900;
 }
 
 .nodeIconAndMobileItemsToggler {
@@ -18,12 +18,12 @@
     border-b
     border-neutral-200
     px-4
-    dark:border-neutral-900
     md:flex
     md:h-full
     md:items-center
     md:border-0
-    md:px-0;
+    md:px-0
+    dark:border-neutral-900;
 }
 
 .nodeIconWrapper {
@@ -71,11 +71,11 @@
     border-b
     border-neutral-200
     p-4
-    dark:border-neutral-900
     md:flex-1
     md:flex-row
     md:border-0
-    md:p-0;
+    md:p-0
+    dark:border-neutral-900;
 }
 
 .actionsWrapper {
@@ -85,9 +85,9 @@
     border-b
     border-neutral-200
     p-4
-    dark:border-neutral-900
     md:border-0
-    md:p-0;
+    md:p-0
+    dark:border-neutral-900;
 }
 
 .ghIconWrapper {
diff --git a/components/Downloads/ChangelogModal/index.module.css b/components/Downloads/ChangelogModal/index.module.css
index 78825ea92050e..28a8b9c1e14b2 100644
--- a/components/Downloads/ChangelogModal/index.module.css
+++ b/components/Downloads/ChangelogModal/index.module.css
@@ -23,11 +23,11 @@
       bg-white
       p-8
       focus:outline-none
-      dark:bg-neutral-950
       sm:mt-20
       sm:p-12
       lg:w-2/3
-      xl:w-1/2;
+      xl:w-1/2
+      dark:bg-neutral-950;
   }
 
   .close {
diff --git a/layouts/New/layouts.module.css b/layouts/New/layouts.module.css
index 634c05112f51c..960af4f972309 100644
--- a/layouts/New/layouts.module.css
+++ b/layouts/New/layouts.module.css
@@ -36,10 +36,10 @@
       bg-gradient-subtle
       p-12
       grid-in-[main]
-      dark:bg-gradient-subtle-dark
       xl:px-18
       xs:bg-none
       xs:p-4
+      dark:bg-gradient-subtle-dark
       xs:dark:bg-none;
   }
 
diff --git a/package-lock.json b/package-lock.json
index fd184a0c1350b..59cee2113cf2e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -49,7 +49,7 @@
         "semver": "~7.5.4",
         "sharp": "0.32.6",
         "shikiji": "~0.8.0",
-        "tailwindcss": "^3.3.5",
+        "tailwindcss": "^3.4.0",
         "turbo": "1.11.2",
         "typescript": "~5.3.2",
         "unist-util-visit": "~5.0.0",
@@ -82,7 +82,7 @@
         "jest-environment-jsdom": "29.7.0",
         "jest-junit": "16.0.0",
         "prettier": "3.1.1",
-        "prettier-plugin-tailwindcss": "0.5.7",
+        "prettier-plugin-tailwindcss": "0.5.10",
         "remark-frontmatter": "5.0.0",
         "remark-preset-lint-node": "5.0.0",
         "remark-preset-prettier": "2.0.1",
@@ -22326,9 +22326,9 @@
       }
     },
     "node_modules/prettier-plugin-tailwindcss": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.7.tgz",
-      "integrity": "sha512-4v6uESAgwCni6YF6DwJlRaDjg9Z+al5zM4JfngcazMy4WEf/XkPS5TEQjbD+DZ5iNuG6RrKQLa/HuX2SYzC3kQ==",
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.10.tgz",
+      "integrity": "sha512-9UGSejqFxGG6brYjFfTYlJ8zs4L/lvZg1AngFfaC5Fs1otSskASv5IWKmjPu5MlABQUtTKtMArKyYr/hWpXSUg==",
       "dev": true,
       "engines": {
         "node": ">=14.21.3"
@@ -22337,13 +22337,13 @@
         "@ianvs/prettier-plugin-sort-imports": "*",
         "@prettier/plugin-pug": "*",
         "@shopify/prettier-plugin-liquid": "*",
-        "@shufo/prettier-plugin-blade": "*",
         "@trivago/prettier-plugin-sort-imports": "*",
         "prettier": "^3.0",
         "prettier-plugin-astro": "*",
         "prettier-plugin-css-order": "*",
         "prettier-plugin-import-sort": "*",
         "prettier-plugin-jsdoc": "*",
+        "prettier-plugin-marko": "*",
         "prettier-plugin-organize-attributes": "*",
         "prettier-plugin-organize-imports": "*",
         "prettier-plugin-style-order": "*",
@@ -22359,9 +22359,6 @@
         "@shopify/prettier-plugin-liquid": {
           "optional": true
         },
-        "@shufo/prettier-plugin-blade": {
-          "optional": true
-        },
         "@trivago/prettier-plugin-sort-imports": {
           "optional": true
         },
@@ -31648,9 +31645,9 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.6.tgz",
-      "integrity": "sha512-AKjF7qbbLvLaPieoKeTjG1+FyNZT6KaJMJPFeQyLfIp7l82ggH1fbHJSsYIvnbTFQOlkh+gBYpyby5GT1LIdLw==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.0.tgz",
+      "integrity": "sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
diff --git a/package.json b/package.json
index 8f2e18f2bb529..2847df7045163 100644
--- a/package.json
+++ b/package.json
@@ -80,7 +80,7 @@
     "semver": "~7.5.4",
     "sharp": "0.32.6",
     "shikiji": "~0.8.0",
-    "tailwindcss": "^3.3.5",
+    "tailwindcss": "^3.4.0",
     "turbo": "1.11.2",
     "typescript": "~5.3.2",
     "unist-util-visit": "~5.0.0",
@@ -113,7 +113,7 @@
     "jest-environment-jsdom": "29.7.0",
     "jest-junit": "16.0.0",
     "prettier": "3.1.1",
-    "prettier-plugin-tailwindcss": "0.5.7",
+    "prettier-plugin-tailwindcss": "0.5.10",
     "remark-frontmatter": "5.0.0",
     "remark-preset-lint-node": "5.0.0",
     "remark-preset-prettier": "2.0.1",
diff --git a/styles/new/markdown.css b/styles/new/markdown.css
index 6c40c85426805..76198cd222d35 100644
--- a/styles/new/markdown.css
+++ b/styles/new/markdown.css
@@ -104,10 +104,10 @@
         px-4
         py-2
         text-neutral-900
-        dark:border-neutral-800
-        dark:text-white
         xs:block
-        xs:border-l-0;
+        xs:border-l-0
+        dark:border-neutral-800
+        dark:text-white;
 
       > a {
         @apply pr-2;