use document attached node creation methods

src/client/compiler.ts

···
 			// also reverse it because that's the correct order for splitting.
 			const nodes = [...node.data.matchAll(DYNAMIC_GLOBAL)].reverse().map(match => {
 				node.splitText(match.index + match[0].length)
-				const dyn = new Comment()
+				const dyn = document.createComment('')
 				node.splitText(match.index).replaceWith(dyn)
 				return [dyn, parseInt(match[1])] as const
 			})

src/client/parts.ts

···
 				span._start.data = '' + value
 			} else {
 				delete_contents(span)
-				if (value !== null) insert_node(span, value instanceof Node ? value : new Text('' + value))
+				if (value !== null) insert_node(span, value instanceof Node ? value : document.createTextNode('' + value))
 			}
 		}
 

src/client/root.ts

···
 }
 
 export function create_root_into(parent: Node): Root {
-	const marker = new Text()
+	const marker = document.createTextNode('')
 	parent.appendChild(marker)
 	return create_root(create_span(marker))
 }
 
 export function create_root_after(node: Node): Root {
 	assert(node.parentNode, 'expected a parent node')
-	const marker = new Text()
+	const marker = document.createTextNode('')
 	node.parentNode.insertBefore(marker, node.nextSibling)
 	return create_root(create_span(marker))
 }

src/client/span.ts

···
 }
 
 export function extract_contents(span: Span): DocumentFragment {
-	span._marker = new Text()
+	span._marker = document.createTextNode('')
 	span._parent.insertBefore(span._marker, span._start)
 
 	const fragment = document.createDocumentFragment()
···
 }
 
 export function delete_contents(span: Span): void {
-	span._marker = new Text()
+	span._marker = document.createTextNode('')
 	span._parent.insertBefore(span._marker, span._start)
 
 	for (const node of nodes(span)) span._parent.removeChild(node)