feat: update to rollup 4

[diegopf]

This PR updates rollup to the latest version which will help us in the transition from rollup to vite in the future.

The biggest changes are:

1. Convert configuration files to ES modules
2. Changes to rollup options
3. Different file name pattern

In order to test this changes you should make a pnpm install --frozen-lockfile which will trigger the build for every package in the monorepo with the new rollup version. Afterwards, you can use the archetype and install locally the new versions and see if everything is still working as expected.

[diegopf]

Due to how rollup generates now the output filenames when preserving modules, we need to adjust the sideEffect field in the package.json so bundlers do not tree shake styles of vue components.

The rollup-plugin-vue splits every vue sfc into two virtual files. Taking for example the redirection.vue component:

redirection.vue?rollup-plugin-vue=script.ts
redirection.vue?rollup-plugin-vue=styles.0.css

Prior to v3 rollup generates three files:
redirection.vue.js
redirection.vue_rollup_plugin-vue_script.vue.js
redirection.vue_rollup_plugin-vue_styles.0.js.

However, now rollup will name those files:
redirection.vue.js
redirection.vue.2.js
redirection.vue.3.js

You can see a simple example using the rollup repl

Rollup 2.79.1 filenames

Rollup 4.9.1 filenames

[annacv]

@diegopf great job!!

Tested in archetype & everything is working fine. The warnings mentioned don't break the build process.

Here is just a minor doubt I have:

• I think there is an error here: it refers to lintcss, but checking rollup-plugin-styles documentation I think it should be litcss .

[annacv]

iep! We forgot this one!
output: [{ format: 'esm', dir: resolve(__dirname, '../showcase'), preserveModules: true }],

[annacv]

🎉

Tested x-components library
Tested x-tailwind library
Tested all inside archetype

Just found some warns in x-types, which are not new nor related to this task (so these should be handled in another task -small-)

All fine 💯

[lauramargar]

🚀