diff --git a/package.json b/package.json
index d7883f472..5da13d97f 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "mini-svg-data-uri": "1.4.4",
     "postcss": "8.4.25",
     "prettier": "2.8.8",
-    "prettier-plugin-tailwindcss": "0.3.0",
+    "prettier-plugin-tailwindcss": "0.4.0",
     "tailwind-gradient-mask-image": "1.0.0",
     "tailwindcss": "3.3.2",
     "tailwindcss-text-fill": "0.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 886f62163..67b83d40e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -131,8 +131,8 @@ devDependencies:
     specifier: 2.8.8
     version: 2.8.8
   prettier-plugin-tailwindcss:
-    specifier: 0.3.0
-    version: 0.3.0(prettier@2.8.8)
+    specifier: 0.4.0
+    version: 0.4.0(prettier@2.8.8)
   tailwind-gradient-mask-image:
     specifier: 1.0.0
     version: 1.0.0
@@ -4453,8 +4453,8 @@ packages:
       fast-diff: 1.2.0
     dev: true
 
-  /prettier-plugin-tailwindcss@0.3.0(prettier@2.8.8):
-    resolution: {integrity: sha512-009/Xqdy7UmkcTBpwlq7jsViDqXAYSOMLDrHAdTMlVZOrKfM2o9Ci7EMWTMZ7SkKBFTG04UM9F9iM2+4i6boDA==}
+  /prettier-plugin-tailwindcss@0.4.0(prettier@2.8.8):
+    resolution: {integrity: sha512-Rna0sDPETA0KNhMHlN8wxKNgfSa8mTl2hPPAGxnbv6tUcHT6J4RQmQ8TLXyhB7Dm5Von4iHloBxTyClYM6wT0A==}
     engines: {node: '>=12.17.0'}
     peerDependencies:
       '@ianvs/prettier-plugin-sort-imports': '*'
@@ -4462,7 +4462,7 @@ packages:
       '@shopify/prettier-plugin-liquid': '*'
       '@shufo/prettier-plugin-blade': '*'
       '@trivago/prettier-plugin-sort-imports': '*'
-      prettier: '>=2.2.0'
+      prettier: ^2.2 || ^3.0
       prettier-plugin-astro: '*'
       prettier-plugin-css-order: '*'
       prettier-plugin-import-sort: '*'