From e3408002b3c155f915b5b26f76e343202dee254a Mon Sep 17 00:00:00 2001
From: siriwatknp <siriwatkunaporn@gmail.com>
Date: Fri, 14 Jun 2024 16:32:16 +0700
Subject: [PATCH] use css object

---
 packages/pigment-css-react/src/Stack.jsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/pigment-css-react/src/Stack.jsx b/packages/pigment-css-react/src/Stack.jsx
index 130df5c0..ea1db349 100644
--- a/packages/pigment-css-react/src/Stack.jsx
+++ b/packages/pigment-css-react/src/Stack.jsx
@@ -27,10 +27,6 @@ const stackAtomics = generateAtomics(({ theme }) => {
   };
 });
 
-const baseStack = css({
-  display: 'flex',
-});
-
 /**
  * Return an array with the separator React element interspersed between
  * each React node of the input children.
@@ -78,7 +74,13 @@ const Stack = React.forwardRef(function Stack(
   return (
     <Component
       ref={ref}
-      className={clsx(baseStack, stackClasses.className, className)}
+      className={clsx(
+        css({
+          display: 'flex',
+        }),
+        stackClasses.className,
+        className,
+      )}
       style={{ ...style, ...stackClasses.style }}
       {...rest}
     >