From 569b6154087bc53b260d1620e39fe529c1a8bbb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oscar=20Carlstr=C3=B6m?= <oscar.carlstrom@gmail.com>
Date: Tue, 19 May 2026 19:51:56 +0200
Subject: [PATCH] Fix layout-subgrid shared styles being dropped in consumer
 prod builds

Replace the value-less functional @utility layout-subgrid-* with inlined
@apply directives on each static layout-subgrid-N utility. The functional
variant relied on Tailwind v4 emitting @apply'd styles for a name-*
utility that never calls --value(), which is not honored reliably across
Tailwind versions and downstream production builds.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .changeset/layout-subgrid-shared-styles.md |  5 ++++
 packages/tailwind/tailwind-base.css        | 34 ++++++++++------------
 2 files changed, 20 insertions(+), 19 deletions(-)
 create mode 100644 .changeset/layout-subgrid-shared-styles.md

diff --git a/.changeset/layout-subgrid-shared-styles.md b/.changeset/layout-subgrid-shared-styles.md
new file mode 100644
index 000000000..cc786e409
--- /dev/null
+++ b/.changeset/layout-subgrid-shared-styles.md
@@ -0,0 +1,5 @@
+---
+"@obosbbl/grunnmuren-tailwind": patch
+---
+
+Fix `layout-subgrid-*` shared styles being dropped in some consumer production builds by inlining `layout-grid-gap-x` and `grid` into each `layout-subgrid-N` utility
diff --git a/packages/tailwind/tailwind-base.css b/packages/tailwind/tailwind-base.css
index 8b1c8f3b1..9bfc1e44c 100644
--- a/packages/tailwind/tailwind-base.css
+++ b/packages/tailwind/tailwind-base.css
@@ -174,54 +174,50 @@
   }
 }
 
-@utility layout-subgrid-* {
-  @apply layout-grid-gap-x grid;
-}
-
 @utility layout-subgrid-1 {
-  @apply grid-cols-1;
+  @apply layout-grid-gap-x grid grid-cols-1;
 }
 @utility layout-subgrid-2 {
-  @apply grid-cols-2;
+  @apply layout-grid-gap-x grid grid-cols-2;
 }
 @utility layout-subgrid-3 {
-  @apply grid-cols-3;
+  @apply layout-grid-gap-x grid grid-cols-3;
 }
 @utility layout-subgrid-4 {
-  @apply grid-cols-4;
+  @apply layout-grid-gap-x grid grid-cols-4;
 }
 @utility layout-subgrid-5 {
-  @apply grid-cols-5;
+  @apply layout-grid-gap-x grid grid-cols-5;
 }
 @utility layout-subgrid-6 {
-  @apply grid-cols-6;
+  @apply layout-grid-gap-x grid grid-cols-6;
 }
 @utility layout-subgrid-7 {
-  @apply grid-cols-7;
+  @apply layout-grid-gap-x grid grid-cols-7;
 }
 @utility layout-subgrid-8 {
-  @apply grid-cols-8;
+  @apply layout-grid-gap-x grid grid-cols-8;
 }
 @utility layout-subgrid-9 {
-  @apply grid-cols-9;
+  @apply layout-grid-gap-x grid grid-cols-9;
 }
 @utility layout-subgrid-10 {
-  @apply grid-cols-10;
+  @apply layout-grid-gap-x grid grid-cols-10;
 }
 @utility layout-subgrid-11 {
-  @apply grid-cols-11;
+  @apply layout-grid-gap-x grid grid-cols-11;
 }
 @utility layout-subgrid-12 {
-  @apply grid-cols-12;
+  @apply layout-grid-gap-x grid grid-cols-12;
 }
 @utility layout-subgrid-13 {
-  @apply grid-cols-13;
+  @apply layout-grid-gap-x grid grid-cols-13;
 }
 @utility layout-subgrid-14 {
-  @apply grid-cols-14;
+  @apply layout-grid-gap-x grid grid-cols-14;
 }
 @utility layout-subgrid-full {
-  @apply layout-subgrid-14;
+  @apply layout-grid-gap-x layout-subgrid-14 grid;
 }
 
 @utility layout-gap-x {