Fix for slim tags

components/product/ProductCard/ProductCard.module.css

@@ -102,5 +102,9 @@
 }
 
 .slim .tag {
-  @apply bg-secondary text-secondary inline-block p-3 font-bold text-xl break-words;
+  @apply bg-accent-9 text-accent-0 inline-block p-3 font-bold text-xl break-words;
+}
+
+.root:global(.secondary) .tag {
+  @apply bg-accent-0 text-accent-9;
 }

components/ui/Marquee/Marquee.tsx

@@ -1,6 +1,6 @@
 import cn from 'classnames'
 import s from './Marquee.module.css'
-import { FC, ReactNode, Component, Children, isValidElement } from 'react'
+import { FC, ReactNode, Component, Children } from 'react'
 import Ticker from 'react-ticker'
 
 interface MarqueeProps {
@@ -28,18 +28,13 @@ const Marquee: FC<MarqueeProps> = ({
       <Ticker offset={80}>
         {() => (
           <div className={s.container}>
-            {Children.map(children, (child) => {
+            {Children.map(children, (child) => ({
-              if (isValidElement(child)) {
+              ...child,
-                return {
+              props: {
-                  ...child,
+                ...child.props,
-                  props: {
+                className: cn(child.props.className, `${variant}`),
-                    ...child.props,
+              },
-                    className: cn(child.props.className, `${variant}`),
+            }))}
-                  },
-                }
-              }
-              return child
-            })}
           </div>
         )}
       </Ticker>