From 595991952be1a76cdf54f457c6e4d23b3f2ffec7 Mon Sep 17 00:00:00 2001
From: HiDeoo
Date: Thu, 17 Apr 2025 13:27:47 +0200
Subject: Reset border styles in Tailwind compatibility package (#3132)

---
 .changeset/dull-penguins-pump.md             | 5 +++++
 packages/tailwind/__tests__/tailwind.test.ts | 4 ++++
 packages/tailwind/tailwind.css               | 6 ++++++
 3 files changed, 15 insertions(+)
 create mode 100644 .changeset/dull-penguins-pump.md

diff --git a/.changeset/dull-penguins-pump.md b/.changeset/dull-penguins-pump.md
new file mode 100644
index 00000000..1b275f83
--- /dev/null
+++ b/.changeset/dull-penguins-pump.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight-tailwind': patch
+---
+
+Fixes an issue where all border styles were not reset by the Starlight’s Tailwind compatibility package like in [Tailwind base styles](https://tailwindcss.com/docs/preflight#border-styles-are-reset).
diff --git a/packages/tailwind/__tests__/tailwind.test.ts b/packages/tailwind/__tests__/tailwind.test.ts
index e76f0c0e..745bb921 100644
--- a/packages/tailwind/__tests__/tailwind.test.ts
+++ b/packages/tailwind/__tests__/tailwind.test.ts
@@ -14,6 +14,10 @@ test('generates base and utilities CSS layers and defines default theme values',
 		"@layer theme;
 
 		@layer base {
+		  *, :after, :before {
+		    border: 0 solid;
+		  }
+
 		  html, :host {
 		    font-family: var(--font-sans);
 		  }
diff --git a/packages/tailwind/tailwind.css b/packages/tailwind/tailwind.css
index 6f9c917a..aeb3a134 100644
--- a/packages/tailwind/tailwind.css
+++ b/packages/tailwind/tailwind.css
@@ -29,6 +29,12 @@
 
 @layer base {
 	/* Restore crucial styles from Tailwind Preflight: https://tailwindcss.com/docs/preflight */
+	/* Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */
+	*,
+	::after,
+	::before {
+		border: 0 solid;
+	}
 	/* Keep base font-family styles even in non-Starlight pages. */
 	html,
 	:host {
-- 
cgit