diff --git a/package-lock.json b/package-lock.json
index 133d37fcd2c65f06ce3527395516b58ba5860c90..3d595bbdec77050dba85e20437d1ad439117ec15 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -56,6 +56,7 @@
         "lint-staged": "^13.2.2",
         "openapi-typescript": "^6.2.7",
         "postcss": "^8.4.24",
+        "postcss-nesting": "^11.3.0",
         "prettier": "^2.8.8",
         "rollup-plugin-visualizer": "^5.9.2",
         "sass": "^1.63.4",
@@ -365,6 +366,22 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@csstools/selector-specificity": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz",
+      "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      }
+    },
     "node_modules/@esbuild/android-arm": {
       "version": "0.17.19",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
@@ -5062,6 +5079,32 @@
         "postcss": "^8.2.14"
       }
     },
+    "node_modules/postcss-nesting": {
+      "version": "11.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-11.3.0.tgz",
+      "integrity": "sha512-JlS10AQm/RzyrUGgl5irVkAlZYTJ99mNueUl+Qab+TcHhVedLiylWVkKBhRale+rS9yWIJK48JVzQlq3LcSdeA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.0",
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
     "node_modules/postcss-selector-parser": {
       "version": "6.0.11",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz",
@@ -7030,6 +7073,13 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@csstools/selector-specificity": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz",
+      "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
+      "dev": true,
+      "requires": {}
+    },
     "@esbuild/android-arm": {
       "version": "0.17.19",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
@@ -10218,6 +10268,16 @@
         "postcss-selector-parser": "^6.0.11"
       }
     },
+    "postcss-nesting": {
+      "version": "11.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-11.3.0.tgz",
+      "integrity": "sha512-JlS10AQm/RzyrUGgl5irVkAlZYTJ99mNueUl+Qab+TcHhVedLiylWVkKBhRale+rS9yWIJK48JVzQlq3LcSdeA==",
+      "dev": true,
+      "requires": {
+        "@csstools/selector-specificity": "^2.0.0",
+        "postcss-selector-parser": "^6.0.10"
+      }
+    },
     "postcss-selector-parser": {
       "version": "6.0.11",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz",
diff --git a/package.json b/package.json
index 432189bfa371d3822fad9591d089eecc96a60293..1f2259c8ac302edff3b519dbffea6ec1f1c293af 100644
--- a/package.json
+++ b/package.json
@@ -67,6 +67,7 @@
     "lint-staged": "^13.2.2",
     "openapi-typescript": "^6.2.7",
     "postcss": "^8.4.24",
+    "postcss-nesting": "^11.3.0",
     "prettier": "^2.8.8",
     "rollup-plugin-visualizer": "^5.9.2",
     "sass": "^1.63.4",
diff --git a/postcss.config.js b/postcss.config.js
index baea18867f4b0c645ee37eb5a437b9bb6b6c82fd..9c27a8c38ee2bfaf1569f7c8c7cd6b9876dd61b5 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,8 @@
-const tailwindcss = require('tailwindcss')
-const autoprefixer = require('autoprefixer')
-
 module.exports = {
-  plugins: [tailwindcss, autoprefixer],
+  plugins: {
+    'postcss-import': {},
+    'tailwindcss/nesting': 'postcss-nesting',
+    tailwindcss: {},
+    autoprefixer: {},
+  },
 }