From 81816df3a17dfdc5bc8d162c084d8985effa4946 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Mon, 14 Jun 2021 16:03:08 -0400
Subject: [PATCH] Support arbitrary values for object-position

---
 src/plugins/objectPosition.js        | 4 +---
 tests/jit/arbitrary-values.test.css  | 3 +++
 tests/jit/arbitrary-values.test.html | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/plugins/objectPosition.js b/src/plugins/objectPosition.js
index 62906a61946c..e2ce1c487cfd 100644
--- a/src/plugins/objectPosition.js
+++ b/src/plugins/objectPosition.js
@@ -2,7 +2,5 @@ import createUtilityPlugin from '../util/createUtilityPlugin'
 import { asLookupValue } from '../util/pluginUtils'
 
 export default function () {
-  return createUtilityPlugin('objectPosition', [['object', ['object-position']]], {
-    resolveArbitraryValue: asLookupValue,
-  })
+  return createUtilityPlugin('objectPosition', [['object', ['object-position']]])
 }
diff --git a/tests/jit/arbitrary-values.test.css b/tests/jit/arbitrary-values.test.css
index b1e02b082a4e..9c6e41c97261 100644
--- a/tests/jit/arbitrary-values.test.css
+++ b/tests/jit/arbitrary-values.test.css
@@ -260,6 +260,9 @@
 .stroke-\[\#da5b66\] {
   stroke: #da5b66;
 }
+.object-\[var\(--position\)\] {
+  object-position: var(--position);
+}
 .p-\[var\(--app-padding\)\] {
   padding: var(--app-padding);
 }
diff --git a/tests/jit/arbitrary-values.test.html b/tests/jit/arbitrary-values.test.html
index 847371361939..8148dd9f4b78 100644
--- a/tests/jit/arbitrary-values.test.html
+++ b/tests/jit/arbitrary-values.test.html
@@ -97,6 +97,7 @@
     <div class="from-[var(--color)] via-[var(--color)] to-[var(--color)]"></div>
     <div class="fill-[#da5b66]"></div>
     <div class="fill-[var(--color)]"></div>
+    <div class="object-[var(--position)]"></div>
     <div class="stroke-[#da5b66]"></div>
     <div class="leading-[var(--leading)]"></div>
     <div class="tracking-[var(--tracking)]"></div>