meta: bump tailwindcss from 3.3.6 to 3.4.0 (nodejs#6202)

* meta: bump tailwindcss from 3.3.6 to 3.4.0

Bumps [tailwindcss](https://github.com/tailwindlabs/tailwindcss) from 3.3.6 to 3.4.0.
- [Release notes](https://github.com/tailwindlabs/tailwindcss/releases)
- [Changelog](https://github.com/tailwindlabs/tailwindcss/blob/master/CHANGELOG.md)
- [Commits](tailwindlabs/tailwindcss@v3.3.6...v3.4.0)

---
updated-dependencies:
- dependency-name: tailwindcss
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <[email protected]>

* create tailwind dependabot group

* upgrade to [email protected]

closes nodejs#6197

* reformatting per prettier

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Brian Muenzenmeyer <[email protected]>

.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'

components/Common/MetaBar/index.module.css

@@ -7,14 +7,14 @@
     border-l-neutral-200
     px-4
     py-6
-    dark:border-l-neutral-900
     md:max-w-xs
     lg:px-6
     xs:mt-8
     xs:w-full
     xs:border-l-0
     xs:border-t
     xs:border-t-neutral-200
+    dark:border-l-neutral-900
     xs:dark:border-t-neutral-900;
 
   dt {

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

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

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

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 {

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 {

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;
   }
 

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",

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;