diff --git a/packages/cli/src/utils/transformers/transform-sfc.ts b/packages/cli/src/utils/transformers/transform-sfc.ts
index 2b17033f..385fafef 100644
--- a/packages/cli/src/utils/transformers/transform-sfc.ts
+++ b/packages/cli/src/utils/transformers/transform-sfc.ts
@@ -6,7 +6,7 @@ const require = createRequire(import.meta.url)
 const { transform } = require('detype')
 
 export async function transformSFC(opts: TransformOpts) {
-  if (opts.config?.typescript || opts.filename.includes('.ts'))
+  if (opts.config?.typescript)
     return opts.raw
 
   return await transformByDetype(opts.raw, opts.filename).then(res => res as string)
diff --git a/packages/cli/test/utils/transform-import.test.ts b/packages/cli/test/utils/transform-import.test.ts
index 5e12f12d..069d0163 100644
--- a/packages/cli/test/utils/transform-import.test.ts
+++ b/packages/cli/test/utils/transform-import.test.ts
@@ -21,6 +21,7 @@ it('transform import', async () => {
           components: '@/components',
           utils: '@/lib/utils',
         },
+        typescript: true,
       },
     }),
   ).toMatchSnapshot()
@@ -41,6 +42,7 @@ it('transform import', async () => {
           components: '~/src/components',
           utils: '~/lib',
         },
+        typescript: true,
       },
     }),
   ).toMatchSnapshot()
@@ -61,6 +63,7 @@ it('transform import', async () => {
           components: '~/src/components',
           utils: '~/src/utils',
         },
+        typescript: true,
       },
     }),
   ).toMatchSnapshot()
diff --git a/packages/cli/test/utils/transform-tw-prefix.test.ts b/packages/cli/test/utils/transform-tw-prefix.test.ts
index e01c533d..f565fa1f 100644
--- a/packages/cli/test/utils/transform-tw-prefix.test.ts
+++ b/packages/cli/test/utils/transform-tw-prefix.test.ts
@@ -35,6 +35,7 @@ it('transform tailwind prefix', async () => {
           components: '@/components',
           utils: '@/lib/utils',
         },
+        typescript: true,
       },
       baseColor: 'stone',
     }),