[Regression] Inline styles do not append in the end of CSS

[yhatt]

By dramatically change of PostCSS v8 architecture, inline style appendation into the end of CSS would not work correctly since Marpit v2.

Reported in marp-team/marp#96.

PoC

const { Marpit } = require('@marp-team/marpit')
new Marpit().render('<style>section { color: red; }</style>').css

v1.6.4

v2.0.0

@page { size: 1280px 720px; margin: 0; }@media print {html, body { background-color: #fff; margin: 0; page-break-inside: avoid; break-inside: avoid-page; } div.marpit > section { page-break-before: always; break-before: page; } div.marpit > section, div.marpit > section * { -webkit-print-color-adjust: exact !important; animation-delay: 0s !important; animation-duration: 0s !important; color-adjust: exact !important; transition: none !important; } div.marpit > svg[data-marpit-svg] { display: block; height: 100vh; width: 100vw; } } div.marpit > section { width: 1280px; height: 720px; box-sizing: border-box; overflow: hidden; position: relative; scroll-snap-align: center center; } div.marpit > section::after { bottom: 0; content: attr(data-marpit-pagination); padding: inherit; pointer-events: none; position: absolute; right: 0; } div.marpit > section:not([data-marpit-pagination])::after { display: none; } /* Normalization */ div.marpit > section h1 { font-size: 2em; margin: 0.67em 0; } div.marpit > section video::-webkit-media-controls { will-change: transform; } div.marpit > section { color: red; }

@page { size: 1280px 720px; margin: 0; }@media print {html, body { background-color: #fff; margin: 0; page-break-inside: avoid; break-inside: avoid-page; } div.marpit > section { page-break-before: always; break-before: page; } div.marpit > section, div.marpit > section * { -webkit-print-color-adjust: exact !important; animation-delay: 0s !important; animation-duration: 0s !important; color-adjust: exact !important; transition: none !important; } div.marpit > svg[data-marpit-svg] { display: block; height: 100vh; width: 100vw; } }div.marpit > section { width: 1280px; height: 720px; box-sizing: border-box; overflow: hidden; position: relative; scroll-snap-align: center center; }div.marpit > section { color: red; } div.marpit > section::after { bottom: 0; content: attr(data-marpit-pagination); padding: inherit; pointer-events: none; position: absolute; right: 0; } div.marpit > section:not([data-marpit-pagination])::after { display: none; } /* Normalization */ div.marpit > section h1 { font-size: 2em; margin: 0.67em 0; } div.marpit > section video::-webkit-media-controls { will-change: transform; }

In v2.0.0, the inline style section { color: red; } has been inserted in the middle of scaffold theme.

Updated test 36ef885 is failing in v2.0.0 but pass in v1.6.4.