Fix layout-gap-x utility class (#1533)

Correct the composition of the `layout-gap-x` utility class to ensure
proper gap spacing on all screen sizes larger than the `sm` breakpoint,
addressing an issue observed in the `Card` component of
`grunnmuren-react`:
<img width="1559" height="600" alt="Screenshot 2025-11-20 at 10 31 58"
src="https://github.com/user-attachments/assets/031092db-a7ec-4592-ad03-b50dd73fa11a"
/>

With this fix:
<img width="1324" height="450" alt="Screenshot 2025-11-20 at 10 32 09"
src="https://github.com/user-attachments/assets/5c583c71-8f93-4e06-ac2b-d972d6b7c1a4"
/>

Author: oscarcarlstrom

.changeset/early-groups-buy.md

@@ -0,0 +1,5 @@
+---
+"@obosbbl/grunnmuren-tailwind": patch
+---
+
+Fixes incorrect composition of the `layout-gap-x` utility class. The issue caused the wrong gap on on all screen sizes larger than the `sm` breakpoint. This was visible in the `Card` component in `grunnmuren-react` as well.

packages/tailwind/tailwind-base.css

@@ -114,7 +114,8 @@
 }
 
 @utility layout-gap-x {
-  @apply gap-x-2 layout-grid-gap-x;
+  @apply gap-x-2;
+  @apply layout-grid-gap-x;
 }
 
 @utility layout-gap-y {