meta: bump tailwindcss from 3.3.6 to 3.4.0 (#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](https://github.com/tailwindlabs/tailwindcss/compare/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] <[e-mail]>

* create tailwind dependabot group

* upgrade to prettier-plugin-tailwindcss@0.5.10

closes #6197

* reformatting per prettier

---------

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

.github/dependabot.yml

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

···
     border-l-neutral-200
     px-4
     py-6
-    dark:border-l-neutral-900
     md:max-w-xs
     lg:px-6
     xs:mt-8
···
     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

···
     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

···
     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

···
     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

···
 .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 {
···
     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 {
···
     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 {
···
     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

···
       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

···
       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-lock.json

···
         "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",
···
         "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",
···
       }
     },
     "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"
···
         "@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": "*",
···
           "optional": true
         },
         "@shopify/prettier-plugin-liquid": {
-          "optional": true
-        },
-        "@shufo/prettier-plugin-blade": {
           "optional": true
         },
         "@trivago/prettier-plugin-sort-imports": {
···
       }
     },
     "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",

package.json

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

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