Set multiple 'theme-color' in head

Which project does this relate to?

Router

Describe the bug

Following the doc of MDN : https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta/name/theme-color

I would like to add 2 meta tags with the same name.

<meta
  name="theme-color"
  content="cornflowerblue"
  media="(prefers-color-scheme: light)" />
<meta
  name="theme-color"
  content="dimgray"
  media="(prefers-color-scheme: dark)" />

But TanStack router says : "meta tags with the same name or property will be overridden by the last occurrence of that tag found in nested routes"
Src : https://tanstack.com/router/v1/docs/framework/react/guide/document-head-management

So how to handle my use case ?

Your Example Website or App

https://codesandbox.io/p/devbox/pedantic-poitras-7hrmrd?workspaceId=ws_VUPqXCcptK4abDwy6H7mEq

Steps to Reproduce the Bug or Issue

1. Go to https://codesandbox.io/p/devbox/pedantic-poitras-7hrmrd?workspaceId=ws_VUPqXCcptK4abDwy6H7mEq
2. Check head tag
3. Check that there is only 1 "theme-color" tag instead of 2.

Expected behavior

As a user, I expect to see 2 theme color meta tags

Screenshots or Videos

No response

Platform

• Router / Start Version: Last version

Additional context

No response

Start with the linked CodeSandbox reproduction and the document-head-management guide, then trace how nested route meta tags are deduplicated. Done means the router preserves both theme-color meta tags when their media attributes differ, with coverage for the reported light and dark scheme case.