fix: prevent transforming importDeclaration

packages/cli/src/utils/transformers/transform-tw-prefix.ts

@@ -31,6 +31,11 @@ export const transformTwPrefixes: Transformer = async ({
       return sourceFile
 
     const value = node.getText()
+
+    // Do not parse imported packages/files
+    if (node.getParent().getKind() === SyntaxKind.ImportDeclaration)
+      return
+
     const hasClosingDoubleQuote = value.match(/"/g)?.length === 2
     const hasFunction = value.startsWith('"cn(')
     if (value.search('\'') === -1 && hasClosingDoubleQuote && !hasFunction) {

packages/cli/test/utils/__snapshots__/transform-tw-prefix.test.ts.snap

@@ -1,7 +1,8 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`transform tailwind prefix 1`] = `
-"const testVariants = cva(
+"import { cva } from "class-variance-authority";
+export const testVariants = cva(
   "tw-bg-background hover:tw-bg-muted tw-text-primary-foreground sm:focus:tw-text-accent-foreground",
   {
     variants: {
@@ -54,6 +55,13 @@ exports[`transform tailwind prefix 4`] = `
       )
     "
     :class="cn(buttonVariants({ variant, size }), props.class)"
+    :class="
+          cn(
+            buttonVariants({ 'outline' }),
+            props.class,
+            'tw-bg-background'
+          )
+        "
   >
     foo
   </div>

packages/cli/test/utils/transform-tw-prefix.test.ts

@@ -6,7 +6,9 @@ it('transform tailwind prefix', async () => {
   expect(
     await transform({
       filename: 'test.ts',
-      raw: `const testVariants = cva(
+      raw: `import { cva } from "class-variance-authority" 
+      
+      export const testVariants = cva(
         'bg-background hover:bg-muted text-primary-foreground sm:focus:text-accent-foreground',
         {
           variants: {
@@ -88,6 +90,13 @@ it('transform tailwind prefix', async () => {
         id="testing" v-bind="props" @click="handleSomething" :data-test="true"  
         :class="cn('bg-background hover:bg-muted', true && 'text-primary-foreground sm:focus:text-accent-foreground')"
         :class="cn(buttonVariants({ variant, size }), props.class)"
+        :class="
+          cn(
+            buttonVariants({ 'outline' }),
+            props.class,
+            'bg-background'
+          )
+        "
       >
         foo
       </div>