At-rule declarations may go missing are or incorrectly merged under certain nesting conditions #4301
Description
@jpattishall-ebay raised an issue in #4267 (comment) where they noted @media and @container are not properly nesting in some cases.
Currently I see in 4.2.1 Playground I see this:
@media only screen and (min-width: 768px) {
@container (min-width: 500px) {
.primary-content {
font-size: 1rem;
}
}
}results in:
@container only screen and (min-width: 768px) and (min-width: 500px) {
.primary-content {
font-size: 1rem;
}
}But I see 4.1.3 produced the expected output:
@media only screen and (min-width: 768px) {
@container (min-width: 500px) {
.primary-content {
font-size: 1rem;
}
}
}