Global CSS makes recombination with other Component Frameworks difficult

[MatthiasRossbach]

core-web/packages/foundations/scss/defaults/default-required.scss

Lines 103 to 104 in 8b2bd48

	:where(ul) {
	padding-inline-start: variables.$db-spacing-fixed-md;

Just an example

We use primeng, e.g. for muliteselects and therefore we need to manually "disable" all global styles, because they spill over into these components.

[MatthiasRossbach]

Maybe problem is less, if we upgrade to newer version of primeng, where @layer is optional. Problem is, that :where looses against @layer, which is used by some component frameworks to make it easy to customize.

https://jsfiddle.net/mwau7jp2/2/

PS: If you consider using @layer as well (like primeng, tailwind...): We had problems with jsdom, because jsdom doesnt support layer yet and needs some hacks around