How to remove whitespace-only text nodes from the DOM.

[shyakadavis]

Don't know if this is an issue with the lib, or I messed up somewhere in my configuration. But basically, within my pre elements, there are two whitespace-only text nodes being added (before and after code elements.)

Anyone how to remove these? They're messing up my content inside code blocks.

Thanks.

My config:

import rehypeShikiFromHighlighter from '@shikijs/rehype/core';
import { defineConfig } from 'mdsx';
import remarkGfm from 'remark-gfm';
import { createHighlighterCore } from 'shiki/core';

const highlighter = await createHighlighterCore({
	themes: [import('shiki/themes/min-light.mjs'), import('shiki/themes/material-theme-ocean.mjs')],
	langs: [
		import('shiki/langs/javascript.mjs'),
		import('shiki/langs/typescript.mjs'),
		import('shiki/langs/css.mjs'),
		import('shiki/langs/svelte.mjs'),
		import('shiki/langs/shellscript.mjs'),
		import('shiki/langs/markdown.mjs'),
		import('shiki/langs/json.mjs'),
		import('shiki/langs/html.mjs'),
		import('shiki/langs/toml.mjs'),
		import('shiki/langs/zsh.mjs'),
		import('shiki/langs/bash.mjs')
	],
	loadWasm: import('shiki/wasm.mjs')
});

export const mdsx_config = defineConfig({
	extensions: ['.md'],
	blueprints: { default: { path: 'src/lib/components/markdown/blueprints/default.svelte' } },
	remarkPlugins: [remarkGfm],
	rehypePlugins: [
		[
			rehypeShikiFromHighlighter,
			highlighter,
			{
				themes: {
					light: 'min-light',
					dark: 'material-theme-ocean'
				}
			}
		]
	]
});