[Bug] Shell code color issue after specific line

[gaokun]

Reproducible in vscode.dev or in VS Code Desktop?

• Not reproducible in vscode.dev or VS Code Desktop

Reproducible in the monaco editor playground?

• Not reproducible in the monaco editor playground

Monaco Editor Playground Link

https://microsoft.github.io/monaco-editor/playground.html?source=v0.55.1#XQAAAAIWAgAAAAAAAABBqQkHQ5NjdMjwa-jY7SIQ9S7DNlzs5W-mwj0fe1ZCDRFc9ws9XQE0SJE1jc2VKxhaLFIw9vEWSxW3yscw0fINSAEiAKctgAboa7AaZZDHLgrLqPRv_fRv2RyIokydlTdTYccsu6v6jDrc8jQ8udHkJ3GaVuDm0KgqW-Z92BxNlQdwsKub2m5ESdIv7dSSqbzq9tcRyCa5ak0BsoPH6wZ7MQRmr_CVVfAnlkMgU6Kisi6Ndc094U7L0oOlkdKPTXLlYqFHpwFkTapUvLDVu4emTbHFDhZWOljeMePeapORluLVSXtTNjSbSmjcPDr21_WS4TCKrquLRmAGnC7GRRhqNt3hjsjg_2NMA8jacBFRsp8mzrYEd_lKsRGUW5G10Pvm0CGIpThm-W0steJWc-9TqyHVOVe2mNren62ZIt6fZy_E8mDfn3hLtZbEMoUrTN4A9LpJg5esbjV1VZ-Qt1qR2nHp-RTRc9b_MCjzPBBT9eH0_LeC2JfuaEtF98l0DQhn6xL_hdhS_oMCcWNUxAoUc_NTsUcnZUlyGnx0tUGKeP_NVsew

Monaco Editor Playground Code

const value = /* set from `myEditor.getModel()`: */ `#!/bin/bash

GIT_REPO=git@github.com:xxx/yyy.git
GIT_HOST= \$(echo "\$GIT_REPO" | sed -E 's/^.*@([^:/]+).*\$/\\1/')

DIR_NAME=\$(basename "\$GIT_REPO" .git)

cd /app/\${DIR_NAME}
git pull
pnpm install
rm -rf packages/e2e/test-results`;

// Hover on each property to see its docs!
const myEditor = monaco.editor.create(document.getElementById("container"), {
	value,
	language: "shell",
	automaticLayout: true,
});

Reproduction Steps

open reproduction link in the monaco editor playground

Actual (Problematic) Behavior

after GIT_HOST= $(echo "$GIT_REPO" | sed -E 's/^.*@([^:/]+).*$/\1/')
code color is not correct

Expected Behavior

show code color correctly

Additional Context

work as expected on vscode.dev