Adding a variable after removing an import with the same name

[Marabyte]

Hi all!
I'm trying to build a plugin to something along these lines:
Given a file that is importing a css file like this

import styles from './b.module.css';
export const b = () => (<span className={styles.foo} />);

I want to replace the import with a const like this

const styles = {};
export const b = () => (<span className={styles.foo} />);

Right now I'm able to remove the CSS Modules import and then add the const with css mapping but I end up with this:

export const b = () => (<span className={styles.foo} />);
const styles1 = {};

I've followed the instructions in the Plugin cheatsheet and then I'm using visit_mut_stmt_like to add a new variable declaration with the same name as the import.
I'm guessing the const name is renamed because when it's added to the tree the import is still there.

Is there any way of controlling the order of these events?
Or, most likely, am I doing something silly here?

[kdy1]

Read https://rustdoc.swc.rs/swc_ecma_transforms_base/fn.resolver.html