fix: style typo

Author: geekdada

package.json

@@ -54,7 +54,6 @@
     "babel-plugin-transform-inline-environment-variables": "^0.4.3",
     "chrome-call": "^4.0.1",
     "clean-webpack-plugin": "^3.0.0",
-    "clsx": "^1.1.1",
     "connect.io": "^3.1.3",
     "conventional-changelog-cli": "^2.1.1",
     "copy-webpack-plugin": "^6.4.0",

src/pages/Content/components/App/index.tsx

@@ -83,7 +83,7 @@ const App: React.FC = () => {
   return (
     <ConfigContext.Provider value={config}>
       <ClassNames>
-        {({ css, cx }) => (
+        {({ css: _css, cx }) => (
           <Draggable
             handle=".ate_App__header"
             onStart={onDragStart}
@@ -92,7 +92,7 @@ const App: React.FC = () => {
               ref={appRef}
               className={cx(
                 'ate_App',
-                css`
+                _css`
                   position: absolute;
                   width: 450px;
                   height: 600px;
@@ -102,7 +102,7 @@ const App: React.FC = () => {
                   ${tw`bg-white shadow-md rounded-lg overflow-hidden flex flex-col`}
                 `,
                 close &&
-                  css`
+                  _css`
                     display: none;
                   `,
               )}>
@@ -120,7 +120,7 @@ const App: React.FC = () => {
                         tw`p-1`,
                         css`
                           svg {
-                            @apply text-gray-800;
+                            ${tw`text-gray-800`};
                           }
                         `,
                       ]}

yarn.lock

@@ -2799,7 +2799,7 @@ clone-response@^1.0.2:
   dependencies:
     mimic-response "^1.0.0"
 
-clsx@^1.0.4, clsx@^1.1.0, clsx@^1.1.1:
+clsx@^1.0.4, clsx@^1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.1.1.tgz#98b3134f9abbdf23b2663491ace13c5c03a73188"
   integrity sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==