How to combine HTML LSPs and gopls in Go HTML Templates?

[Nintron27]

I'm currently trying to combine my HTML LSPs and Golang (gopls) LSP in HTML files, but I'm not having great success. The path I've taken so far is this:

First attempt

My first attempt was to just use HTML LSPs, but I unfortunately don't get syntax highlighting for any of the Go Template parts of the file, and if I use the vscode html LSP then it tries formatting my Go template sections, for example it thinks line 9 is real CSS, so it breaks up all the curly braces to format it as such.

The configuration for this attempt is:

[[language]]
name = "html"
scope = "text.html.basic"
injection-regex = "html"
file-types = [
	"html",
	"htm",
	"shtml",
	"xhtml",
	"xht",
	"jsp",
	"asp",
	"aspx",
	"jshtm",
	"volt",
	"rhtml",
	"cshtml",
]
block-comment-tokens = { start = "<!--", end = "-->" }
language-servers = [
	"vscode-html-language-server",
	"tailwindcss-ls",
	"emmet-lsp",
]
auto-format = true

[language-server.tailwindcss-ls]
command = "tailwindcss-language-server"
args = ["--stdio"]

[language-server.emmet-lsp]
command = "emmet-ls"
args = ["--stdio"]

Second Attempt

My second attempt is to treat this as a gotmpl file, and then use tree sitter to inject the language as HTML for everything that's not a go template. Before the runtime injections the file looks like this (note, now the extension is .tmpl not .html as in the first attempt):

However once I set up these injections:

((text) @injection.content
 (#set! injection.language "html")
 (#set! injection.combined))

and my languages.toml to this:

[[language]]
name = "html"
scope = "text.html.basic"
injection-regex = "html"
file-types = [
	"html",
	"htm",
	"shtml",
	"xhtml",
	"xht",
	"jsp",
	"asp",
	"aspx",
	"jshtm",
	"volt",
	"rhtml",
	"cshtml",
]
block-comment-tokens = { start = "<!--", end = "-->" }
language-servers = [
	"vscode-html-language-server",
	"tailwindcss-ls",
	"emmet-lsp",
]
auto-format = true

[[language]]
name = "gotmpl"
scope = "source.gotmpl"
injection-regex = "gotmpl"
file-types = ["gotmpl", "tmpl"]
comment-token = "//"
block-comment-tokens = { start = "/*", end = "*/" }
language-servers = ["gopls"]

[language-server.tailwindcss-ls]
command = "tailwindcss-language-server"
args = ["--stdio"]

[language-server.emmet-lsp]
command = "emmet-ls"
args = ["--stdio"]

Now my file looks like this:

Syntax highlighting is all there, YAY! But it's not actually using my HTML LSPs on the HTML sections :(
For example, hover documentation isn't coming from the vscode LSP:

And tailwind isn't giving any suggestions on class lists:

It's as if it's just using the gopls lsp for these sections as well. (For example, the hover doc saying "constant" is the exact same behavior as without the injections).

I feel like I'm close, but I'm just missing how to get the HTML LSPs actually taking precedence on the HTML sections of the document.

Happy to provide any additional information that may be needed to figure out how to configure this.