Rollup.js code splitting - Prevent extra bundle to be created - rollupjs

Question

I'm trying to generate two bundles (only two) using Rollup.js:
commonBundle.js
bundle2.js
bundle2.js depends on commonBundle.js.
The current result of rollup -c is actually 3 files instead of the 2 I want:
commonBundle.js
bundle2.js
commonDep-6c053814.js
Yes, commonDep.ts is indeed used by both commonBundle.ts and bundle2.ts. But since bundle2.ts depends on commonBundle.ts I was expecting the common dependency (commonDep.ts) to be included in the resulting commonBundle.js, not to be a separate bundle!
Is there a way to make all shared dependencies to be bundled inside a single bundle that needs to be imported by the others?
rollup.config.mjs :
export default {
input: {
commonBundle: "./src/commonBundle.ts",
bundle2: "./src/bundle2.ts"
},
output: {
dir: "./public",
format: "es"
},
plugins: [resolve({ browser: true }), commonjs(), typescript()]
};
commonBundle.ts :
import { sayHello } from "./commonDep";
export * from "./commonDep"; // export all common dependencies!
export function commonBundleFunction() {
sayHello("from common bundle");
}
bundle2.ts :
import "./commonBundle"; // depends on the common bundle!!!
import { sayHello } from "./commonDep";
export function bundle2Function() {
sayHello("from bundle2");
}
commonDep.ts :
export function sayHello(name: string) {
console.log("Hello " + name);
}