import.meta.env incorrectly rendered in Asides

[liruifengv]

📝 Issue Description

import.meta.env incorrectly rendered in Asides

📋 On which page(s) it occurs

• https://docs.astro.build/en/guides/environment-variables/
• https://docs.astro.build/en/guides/configuring-astro/

🤔 Expected Behavior

Correctly rendered

👀 Current Behavior

import.meta.env render as import\u002Emeta.env

🖥️ Browser

Chrome

📄 Additional Information

[100gle]

it seems that this issue is due to the escapeViteEnvReferences() function in #4858 when MDX plugin was set up.

// astro/packages/integrations/mdx/src/index.ts

function escapeViteEnvReferences(code: string) {
	return code.replace(/import\.meta\.env/g, 'import\\u002Emeta.env');
}

[sarah11918]

Thank you both! We'll let @delucis know about this. (You missed the fun, early days when we literally could NOT render this in Docs at all, and the evolution of all our wild hacks to get this far...)

This led to my favourite Chris PR of all time 😂

[TheOtterlord]

We're in the process of migrating our docs to Starlight. I checked the preview branch for some of the migration work, and it looks like it's rendering fine.

• https://astro-docs-migration-preview.netlify.app/en/guides/environment-variables/
• https://astro-docs-migration-preview.netlify.app/en/guides/configuring-astro/

Making a note in case this issue outlives the current docs site. This is not to say we're closed to fixes! It could be some time before this migration is complete, and in the meantime it would be great to find a fix for this and PRs are welcome!