selector css y regla @media en una sola declaración

Tengo un archivo css que tiene un tema de modo oscuro. Mi archivo css es algo como esto:

html.dark {
    /* Dark mode properties */
}

@media (prefers-color-scheme: dark) {
    /* Dark mode properties */
}

Dado que tienen las mismas propiedades del modo oscuro; es mejor usar una sola propiedad de modo oscuro para que ambos reduzcan el tamaño del archivo css y aumenten la carga de la página.

¿Hay alguna manera de hacer un selector y una regla @media en una sola declaración, algo como esto?:

html.dark, @media (prefers-color-scheme: dark) {
    /* Dark mode properties */
}
Answer