From 41b8a62c3d53d39fc174f0a0627fd93a2934b08f Mon Sep 17 00:00:00 2001
From: Pavlo Huk <pavlo.huk@icloud.com>
Date: Sat, 30 Aug 2025 23:10:02 +0300
Subject: [PATCH] fix: allow display contents

---
 src/__tests__/vendor/tailwind/layout.test.tsx | 11 +++++------
 src/compiler/declarations.ts                  |  2 +-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/__tests__/vendor/tailwind/layout.test.tsx b/src/__tests__/vendor/tailwind/layout.test.tsx
index 7ace228a..21946f06 100644
--- a/src/__tests__/vendor/tailwind/layout.test.tsx
+++ b/src/__tests__/vendor/tailwind/layout.test.tsx
@@ -209,6 +209,11 @@ describe("Layout - Display", () => {
       props: { style: { display: "none" } },
     });
   });
+  test("contents", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: { style: { display: "contents" } },
+    });
+  });
   test("block", async () => {
     expect(await renderCurrentTest()).toStrictEqual({
       props: {},
@@ -311,12 +316,6 @@ describe("Layout - Display", () => {
       warnings: { values: { display: "inline-grid" } },
     });
   });
-  test("contents", async () => {
-    expect(await renderCurrentTest()).toStrictEqual({
-      props: {},
-      warnings: { values: { display: "contents" } },
-    });
-  });
   test("list-item", async () => {
     expect(await renderCurrentTest()).toStrictEqual({
       props: {},
diff --git a/src/compiler/declarations.ts b/src/compiler/declarations.ts
index 2ed3b745..d081cc9a 100644
--- a/src/compiler/declarations.ts
+++ b/src/compiler/declarations.ts
@@ -2407,7 +2407,7 @@ export function parseDisplay(
   builder: StylesheetBuilder,
 ) {
   if (value.type === "keyword") {
-    if (value.value === "none") {
+    if (value.value === "none" || value.value === "contents") {
       return value.value;
     } else {
       builder.addWarning("value", value.value);