In-product release notes code blocks missing syntax highlighting

[gregvanl]

• VSCode Version: 1.49.0 Insiders
• OS Version: Windows 10, macOS

Repros for TypeScript, JavaSctipt, and JSON code blocks in the release notes.

Regular Markdown preview seems fine:

[gregvanl]

Started with Insiders release f66741d
Insiders release 6384e32 is good.

[gregvanl]

Also repros for Extension details which have code blocks in Markdown.

[RMacfarlane]

@alexdima caused by 3994e92

These code blocks are under a monaco-tokenized-source class instead of monaco-editor

[mjbvz]

Hey @alexdima, I think 3994e92 caused this.

Here's the problem:

• tokenizeToString returns tokens wrapped in <div class="monaco-tokenized-source">

• generateTokensCSSForColorMap used to generate generic css for the token classes. However it now generates css with the format .monaco-editor .tokenclass.

I can try adding an extra wrapper class around the output of tokenizeToString in this case but will need to review to make sure this didn't break anything else

[mjbvz]

The only reason code coloring in hovers still works is because they are under the editor dom node. If our markdown render is used for anything outside of the editor dom, code highlighting will not work

[mjbvz]

I suggest we revert the change unless it fixed some critical issue. That seems like the safest thing to do at this point