fix(pack): disable ts_transform for foreign_code (#2267)

Author: fireairforce

.vscode/settings.json

@@ -1,3 +1,6 @@
 {
-  "editor.defaultFormatter": "biomejs.biome"
+  "editor.defaultFormatter": "biomejs.biome",
+  "[json]": {
+    "editor.defaultFormatter": "vscode.json-language-features"
+  }
 }

crates/pack-core/src/client/context.rs

@@ -459,10 +459,6 @@ pub async fn get_client_resolve_options_context(
 
     let custom_conditions = vec![mode.await?.condition().into()];
     let resolve_options_context = ResolveOptionsContext {
-        enable_typescript: true,
-        enable_react: true,
-        enable_mjs_extension: true,
-        custom_extensions: config.resolve_extension().owned().await?,
         enable_node_modules: Some(project_path.root().owned().await?),
         custom_conditions,
         import_map: Some(client_import_map),
@@ -474,10 +470,28 @@ pub async fn get_client_resolve_options_context(
         after_resolve_plugins: vec![ResolvedVc::upcast(externals_plugin)],
         ..Default::default()
     };
+
+    // For node_modules: manually specify extensions to avoid parsing their tsconfig.json
+    let foreign_resolve_options = ResolveOptionsContext {
+        custom_extensions: Some(vec![
+            rcstr!(".tsx"),
+            rcstr!(".ts"),
+            rcstr!(".jsx"),
+            rcstr!(".js"),
+            rcstr!(".mjs"),
+            rcstr!(".json"),
+        ]),
+        ..resolve_options_context.clone()
+    };
+
     Ok(ResolveOptionsContext {
+        enable_typescript: true,
+        enable_react: true,
+        enable_mjs_extension: true,
+        custom_extensions: config.resolve_extension().owned().await?,
         rules: vec![(
             foreign_code_context_condition(config).await?,
-            resolve_options_context.clone().resolved_cell(),
+            foreign_resolve_options.resolved_cell(),
         )],
         ..resolve_options_context
     }

crates/pack-tests/tests/snapshot/node_modules/tsconfig-mod/index.js

@@ -0,0 +1,13 @@
+{
+    "config": {
+        "entry": [
+            {
+                "import": "input/index.ts",
+                "name": "main"
+            }
+        ],
+        "optimization": {
+            "minify": false
+        }
+    }
+}

crates/pack-tests/tests/snapshot/node_modules/tsconfig-mod/tsconfig.json

@@ -0,0 +1,5 @@
+import { foo } from 'tsconfig-mod';
+import { prop } from 'tsconfig-mod/foo';
+
+console.log('foo', foo);
+console.log('prop', prop);

crates/pack-tests/tests/snapshot/typescript/foreign_tsconfig/config.json

@@ -0,0 +1,5 @@
+error - [process module] /crates/pack-tests/tests/snapshot/node_modules/tsconfig-mod/foo.ts  Unknown module type
+  
+  This module doesn't have an associated type. Use a known file extension, or register a loader for it.
+  
+  Read more: https://nextjs.org/docs/app/api-reference/next-config-js/turbo#webpack-loaders

crates/pack-tests/tests/snapshot/typescript/foreign_tsconfig/input/index.ts

@@ -0,0 +1,5 @@
+(globalThis.TURBOPACK || (globalThis.TURBOPACK = [])).push([
+    typeof document === "object" ? document.currentScript : undefined,
+    {"otherChunks":["crates_pack-tests_tests_snapshot_86c66f3f.js"],"runtimeModuleIds":[28]}
+]);
+// Dummy runtime