fix: allow display contents (#141)

Co-authored-by: Mark Lawlor <mwlawlor@gmail.com>

Author: hukpo

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: {},

src/compiler/declarations.ts

@@ -2408,7 +2408,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);