From 4fc5e07eaf45839069a0bea785e01a089652f032 Mon Sep 17 00:00:00 2001
From: mogusbi-motech <mo.gusbi@motechdevelopment.co.uk>
Date: Tue, 17 Sep 2024 09:54:11 +0100
Subject: [PATCH] fix: tailwind nesting config

---
 packages/project-tailwind/package.json      |  1 +
 packages/project-tailwind/postcss.config.js |  5 ++++-
 yarn.lock                                   | 14 ++++++++++++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/project-tailwind/package.json b/packages/project-tailwind/package.json
index b664ebef4..46bac7fef 100644
--- a/packages/project-tailwind/package.json
+++ b/packages/project-tailwind/package.json
@@ -83,6 +83,7 @@
     "jest-watch-typeahead": "2.2.2",
     "jsdom-testing-mocks": "1.7.0",
     "postcss": "8.4.21",
+    "postcss-import": "16.1.0",
     "postcss-loader": "7.2.4",
     "prettier": "3.2.5",
     "rimraf": "6.0.1",
diff --git a/packages/project-tailwind/postcss.config.js b/packages/project-tailwind/postcss.config.js
index 4df9d3ba3..26feeb5d4 100644
--- a/packages/project-tailwind/postcss.config.js
+++ b/packages/project-tailwind/postcss.config.js
@@ -1,6 +1,9 @@
+/* eslint-disable sort-keys */
 module.exports = {
   plugins: {
-    autoprefixer: {},
+    'postcss-import': {},
+    'tailwindcss/nesting': {},
     tailwindcss: {},
+    autoprefixer: {},
   },
 };
diff --git a/yarn.lock b/yarn.lock
index 06247d5f8..8770ffa24 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8582,6 +8582,7 @@ __metadata:
     jest-watch-typeahead: "npm:2.2.2"
     jsdom-testing-mocks: "npm:1.7.0"
     postcss: "npm:8.4.21"
+    postcss-import: "npm:16.1.0"
     postcss-loader: "npm:7.2.4"
     prettier: "npm:3.2.5"
     react: "npm:18.3.1"
@@ -30827,6 +30828,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-import@npm:16.1.0":
+  version: 16.1.0
+  resolution: "postcss-import@npm:16.1.0"
+  dependencies:
+    postcss-value-parser: "npm:^4.0.0"
+    read-cache: "npm:^1.0.0"
+    resolve: "npm:^1.1.7"
+  peerDependencies:
+    postcss: ^8.0.0
+  checksum: 10c0/60e6499354079a3f46242b861412a40c54be7ab99f4ad55096a07ffe5e57fcc01c2c626b5d1fbc7a18cd23adc82b320c205059d0c7ab09e91baba8dc45c88e29
+  languageName: node
+  linkType: hard
+
 "postcss-import@npm:^15.1.0":
   version: 15.1.0
   resolution: "postcss-import@npm:15.1.0"