diff --git a/package-lock.json b/package-lock.json
index c28a481..92f603a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,17 +1,40 @@
 {
 	"name": "system.css",
-	"version": "0.0.1",
+	"version": "1.0.0",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "system.css",
-			"version": "0.0.1",
+			"version": "1.0.0",
 			"license": "AGPLv3",
 			"devDependencies": {
+				"postcss-nesting": "^12.0.2",
 				"vite": "^5.0.11"
 			}
 		},
+		"node_modules/@csstools/selector-specificity": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-3.0.1.tgz",
+			"integrity": "sha512-NPljRHkq4a14YzZ3YD406uaxh7s0g6eAq3L9aLOWywoqe8PkYamAvtsh7KNX6c++ihDrJ0RiU+/z7rGnhlZ5ww==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"engines": {
+				"node": "^14 || ^16 || >=18"
+			},
+			"peerDependencies": {
+				"postcss-selector-parser": "^6.0.13"
+			}
+		},
 		"node_modules/@esbuild/aix-ppc64": {
 			"version": "0.19.11",
 			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.11.tgz",
@@ -555,6 +578,18 @@
 			"integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
 			"dev": true
 		},
+		"node_modules/cssesc": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+			"integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+			"dev": true,
+			"bin": {
+				"cssesc": "bin/cssesc"
+			},
+			"engines": {
+				"node": ">=4"
+			}
+		},
 		"node_modules/detect-libc": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
@@ -891,6 +926,45 @@
 				"node": "^10 || ^12 || >=14"
 			}
 		},
+		"node_modules/postcss-nesting": {
+			"version": "12.0.2",
+			"resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-12.0.2.tgz",
+			"integrity": "sha512-63PpJHSeNs93S3ZUIyi+7kKx4JqOIEJ6QYtG3x+0qA4J03+4n0iwsyA1GAHyWxsHYljQS4/4ZK1o2sMi70b5wQ==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/csstools"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/csstools"
+				}
+			],
+			"dependencies": {
+				"@csstools/selector-specificity": "^3.0.1",
+				"postcss-selector-parser": "^6.0.13"
+			},
+			"engines": {
+				"node": "^14 || ^16 || >=18"
+			},
+			"peerDependencies": {
+				"postcss": "^8.4"
+			}
+		},
+		"node_modules/postcss-selector-parser": {
+			"version": "6.0.15",
+			"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
+			"integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
+			"dev": true,
+			"dependencies": {
+				"cssesc": "^3.0.0",
+				"util-deprecate": "^1.0.2"
+			},
+			"engines": {
+				"node": ">=4"
+			}
+		},
 		"node_modules/rollup": {
 			"version": "4.9.3",
 			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.3.tgz",
@@ -932,6 +1006,12 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/util-deprecate": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+			"dev": true
+		},
 		"node_modules/vite": {
 			"version": "5.0.11",
 			"resolved": "https://registry.npmjs.org/vite/-/vite-5.0.11.tgz",
diff --git a/package.json b/package.json
index 53ce612..23af755 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
 	"license": "AGPLv3",
 	"repository": "https://github.com/dutchcelt/system.css/",
 	"devDependencies": {
+		"postcss-nesting": "^12.0.2",
 		"vite": "^5.0.11"
 	}
 }
diff --git a/vite.config.js b/vite.config.js
index de98994..853a4f1 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,8 +1,15 @@
 import { resolve } from 'path';
 import { defineConfig } from 'vite';
+import postcssNesting from 'postcss-nesting';
 
 export default defineConfig({
 	base: '/system.css/',
+	css: {
+		postcss: {
+			plugins: [postcssNesting],
+		},
+	},
+
 	build: {
 		minify: true,
 		rollupOptions: {