From adb4db94ed6c4dad8ba0bea5855eb6b0ff029b7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C3=ABl=20Gallego?= <mic.gallego@gmail.com>
Date: Sun, 24 Apr 2022 01:09:27 +0900
Subject: [PATCH] Do not set / 1

---
 src/util/resolveConfig.js |  4 ++--
 tests/opacity.test.js     | 24 ++++++++++++------------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/util/resolveConfig.js b/src/util/resolveConfig.js
index ad9c22529881..034d13dc1b68 100644
--- a/src/util/resolveConfig.js
+++ b/src/util/resolveConfig.js
@@ -75,7 +75,7 @@ const configUtils = {
 
     return ({ opacityValue }) => {
       if (opacityValue === undefined || opacityValue === 1) {
-        return `rgb(var(${property}) / 1.0)`
+        return `rgb(var(${property}))`
       }
 
       return `rgb(var(${property}) / ${opacityValue})`
@@ -90,7 +90,7 @@ const configUtils = {
 
     return ({ opacityValue }) => {
       if (opacityValue === undefined || opacityValue === 1) {
-        return `hsl(var(${property}) / 1)`
+        return `hsl(var(${property}))`
       }
 
       return `hsl(var(${property}) / ${opacityValue})`
diff --git a/tests/opacity.test.js b/tests/opacity.test.js
index cd18c479627a..82f417f535ff 100644
--- a/tests/opacity.test.js
+++ b/tests/opacity.test.js
@@ -209,37 +209,37 @@ it('can use rgb helper when defining custom properties for colors (opacity plugi
   return run('@tailwind utilities', config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
       .divide-primary > :not([hidden]) ~ :not([hidden]) {
-        border-color: rgb(var(--color-primary) / 1);
+        border-color: rgb(var(--color-primary));
       }
       .divide-primary\/50 > :not([hidden]) ~ :not([hidden]) {
         border-color: rgb(var(--color-primary) / 0.5);
       }
       .border-primary {
-        border-color: rgb(var(--color-primary) / 1);
+        border-color: rgb(var(--color-primary));
       }
       .border-primary\/50 {
         border-color: rgb(var(--color-primary) / 0.5);
       }
       .bg-primary {
-        background-color: rgb(var(--color-primary) / 1);
+        background-color: rgb(var(--color-primary));
       }
       .bg-primary\/50 {
         background-color: rgb(var(--color-primary) / 0.5);
       }
       .text-primary {
-        color: rgb(var(--color-primary) / 1);
+        color: rgb(var(--color-primary));
       }
       .text-primary\/50 {
         color: rgb(var(--color-primary) / 0.5);
       }
       .placeholder-primary::placeholder {
-        color: rgb(var(--color-primary) / 1);
+        color: rgb(var(--color-primary));
       }
       .placeholder-primary\/50::placeholder {
         color: rgb(var(--color-primary) / 0.5);
       }
       .ring-primary {
-        --tw-ring-color: rgb(var(--color-primary) / 1);
+        --tw-ring-color: rgb(var(--color-primary));
       }
       .ring-primary\/50 {
         --tw-ring-color: rgb(var(--color-primary) / 0.5);
@@ -361,37 +361,37 @@ it('can use hsl helper when defining custom properties for colors (opacity plugi
   return run('@tailwind utilities', config).then((result) => {
     expect(result.css).toMatchCss(css`
       .divide-primary > :not([hidden]) ~ :not([hidden]) {
-        border-color: hsl(var(--color-primary) / 1);
+        border-color: hsl(var(--color-primary));
       }
       .divide-primary\/50 > :not([hidden]) ~ :not([hidden]) {
         border-color: hsl(var(--color-primary) / 0.5);
       }
       .border-primary {
-        border-color: hsl(var(--color-primary) / 1);
+        border-color: hsl(var(--color-primary));
       }
       .border-primary\/50 {
         border-color: hsl(var(--color-primary) / 0.5);
       }
       .bg-primary {
-        background-color: hsl(var(--color-primary) / 1);
+        background-color: hsl(var(--color-primary));
       }
       .bg-primary\/50 {
         background-color: hsl(var(--color-primary) / 0.5);
       }
       .text-primary {
-        color: hsl(var(--color-primary) / 1);
+        color: hsl(var(--color-primary));
       }
       .text-primary\/50 {
         color: hsl(var(--color-primary) / 0.5);
       }
       .placeholder-primary::placeholder {
-        color: hsl(var(--color-primary) / 1);
+        color: hsl(var(--color-primary));
       }
       .placeholder-primary\/50::placeholder {
         color: hsl(var(--color-primary) / 0.5);
       }
       .ring-primary {
-        --tw-ring-color: hsl(var(--color-primary) / 1);
+        --tw-ring-color: hsl(var(--color-primary));
       }
       .ring-primary\/50 {
         --tw-ring-color: hsl(var(--color-primary) / 0.5);