fix(ssr): use appendRight for import

[bluwy]

Description

Fixes SSR transfoming preact/compat/dist/compat.module.js noticed in withastro/astro#4093 (comment)

Also looks like this was also reported long ago at #2479

Additional context

The issue is of magic-string's semantics of appendLeft and appendRight. Since preact's bundled code is minified, the issue is prevalent. Here's a stackblitz of a gist of what's happening.

We're experiencing the first code example in the stackblitz link, so the solution is to use appendRight() so that the content isn't removed when we're removing code in front of it (aka left side). And also do an early remove() instead, otherwise it would remove the code we added via appendRight().

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[patak-dev]

vite-ecosystem-ci is all green with this PR, I think it is safe to merge it to be released in the next patch.

https://github.com/vitejs/vite-ecosystem-ci/actions/runs/2820358104