diff --git a/package.json b/package.json
index 972d722..4406239 100644
--- a/package.json
+++ b/package.json
@@ -30,11 +30,11 @@
 		},
 		".": {
 			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js"
+			"svelte": "./dist/index.ts"
 		}
 	},
 	"peerDependencies": {
-		"@sveltejs/kit": "^2.16.0",
+		"@sveltejs/kit": "^2.20.2",
 		"svelte": "^5.25.3"
 	},
 	"devDependencies": {
diff --git a/src/app.css b/src/app.css
index ffb96a1..5b802ae 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,2 +1 @@
-@import 'tailwindcss';
-@plugin '@tailwindcss/forms';
+@import '@repo/tailwindcss-config/app.css';
diff --git a/src/lib/Combobox.svelte b/src/lib/Combobox.svelte
index aee203a..3e88409 100644
--- a/src/lib/Combobox.svelte
+++ b/src/lib/Combobox.svelte
@@ -458,7 +458,7 @@
 {/snippet}
 
 <style lang="postcss">
-	@reference "@repo/tailwindcss-config/app.css";
+	@reference "../app.css";
 
 	.picker {
 		--outer-gap: 0.5rem;
diff --git a/src/lib/StateMachine.svelte b/src/lib/StateMachine.svelte
index 1d8ff50..bc96efd 100644
--- a/src/lib/StateMachine.svelte
+++ b/src/lib/StateMachine.svelte
@@ -435,7 +435,7 @@
 </div>
 
 <style lang="postcss">
-	@reference "@repo/tailwindcss-config/app.css";
+	@reference "../app.css";
 
 	:global(.circle-initial) {
 		transition: opacity 1s;
diff --git a/src/lib/TimeInput.svelte b/src/lib/TimeInput.svelte
index 62d9d0f..6827eeb 100644
--- a/src/lib/TimeInput.svelte
+++ b/src/lib/TimeInput.svelte
@@ -355,7 +355,7 @@
 </div>
 
 <style lang="postcss">
-	@reference "@repo/tailwindcss-config/app.css";
+	@reference "../app.css";
 
 	:global(.time-input) {
 		@apply h-16 w-24 text-center text-xl;
@@ -375,7 +375,7 @@
 		@apply border-accent dark:border-accent/50 cursor-pointer px-3 py-1 font-medium;
 
 		&.selected {
-			@apply bg-accent text-background dark:bg-accent/30 dark:text-background/90 ring-1 ring-black dark:ring-blue-300;
+			@apply bg-accent text-background dark:bg-accent/30 dark:text-background/90 ring-text ring-1 dark:ring-blue-300;
 		}
 	}
 </style>