feat: add postcss-prefixwrap

[Yannicvanveen]

Met postcss-prefixwrapper worden editor styles automatisch gewrapped binnen de .editor-styles-wrapper o.b.v. een aantal condities. Er zijn een aantal uitzonderingen geconfigureerd waardoor het mogelijk wordt om custom properties toe te voegen aan :root buiten variables.css. Hierdoor kunnen component specifieke custom properties bijvoorbeeld weer geregistreerd worden in het CSS bestand van het betreffende component.

[YvetteNikolov]

Zou je hier een helper functie van kunnen maken?

plugins: generatePostcssPlugins( { editorStylesPrefixWrap } ),

Je kunt hem in de /utils/ folder zetten.

export const generatePostcssPlugins = ( { editorStylesPrefixWrap } : {} ) => {
	const plugins = [];

	/**
	 * En dan hier nog een comment met wat we hier doen, aangezien het over 3 jaar vergeten gaat worden. 
	 */
	if (Array.isArray(editorStylesPrefixWrap?.entryPoints)) {
		plugins.push(...)' 
	}

	return plugins;
};

[YvetteNikolov]

Aangezien in de toekomst dit best wel nog eens uitgebreid kan gaan worden.

[Yannicvanveen]

@YvetteNikolov Gaat dit geen nadelige gevolgen hebben voor het kunnen mergen van de configuratie? Op zich logisch om dit in een util te zetten, maar misschien alleen een losse functie voor elke plugin?