[dts]: remove unused import in isolatedDeclaration

[SoonIter]

Describe the feature

some differences between swc and tsc

source code

import { useState } from "react";
import reactLogo from "./assets/react.svg";
import "./App.css";

function App(): JSX.Element {
	const [count, setCount] = useState(0);

	return (
		<div className="App">
			<div>
				<a href="https://reactjs.org" target="_blank" rel="noreferrer">
					<img src={reactLogo} className="logo react" alt="React logo" />
				</a>
			</div>
			<h1>Rspack + React + TypeScript</h1>
			<div className="card">
				<button type="button" onClick={() => setCount(count => count + 1)}>
					count is {count}
				</button>
				<p>
					Edit <code>src/App.tsx</code> and save to test HMR
				</p>
			</div>
			<p className="read-the-docs">
				Click on the Rspack and React logos to learn more
			</p>
		</div>
	);
}

export default App;

expected output

the same as tsc

import "./App.css";
declare function App(): JSX.Element;
export default App;

actual output

import { useState } from "react"; // unused
import reactLogo from "./assets/react.svg"; // unused and would emit type error
import "./App.css";

declare function App(): JSX.Element;
export default App;

Babel plugin or link to the feature description

No response

Additional context

Related links

https://github.com/oxc-project/oxc/blob/0bb1aa4c6472d2553154fe2f1d8939abb69ed915/crates/oxc_isolated_declarations/src/lib.rs#L359
web-infra-dev/rspack#8097