chore: upgrade to Linaria v4

[layershifter]

Summary

This PR upgrades @griffel/babel-preset and @griffel/webpack-loader to use Linaria v4. Linaria v4 introduced a concept of processors to handle different CSS-in-JS implementations i.e. "implement your processor (transform) and use existing tooling to run it".

The information is obtainer from package.json files:

{
  "linaria": {
    "tags": {
      "makeStyles": "@griffel/linaria-processor/make-styles",
      "makeResetStyles": "@griffel/linaria-processor/make-reset-styles"
    }
  }
}

👆 indicates Linaria to process makeStyles & makeResetStyles with matching transforms

Another benefit is that Linaria v4 supports async resolving of dependencies that was a blocker for other bundlers (#33).

BREAKING CHANGES

@griffel/babel-preset

• modules & projectRoot options removed from configs, use package.json to define processors (see Summary ⬆️ )
• EvalCache & Module are not longer exported and should not be used directly anymore
• requires @griffel/linaria-processor installed

@griffel/webpack-loader

• modules & projectRoot options removed from configs, use package.json to define processors (see Summary ⬆️ )
• requires @griffel/linaria-processor installed

Details

@griffel/babel-preset

All internals of @griffel/babel-preset were removed: module evaluation is gone, parts related to assets handling were moved to @griffel/linaria-processor.

• error-argument-count: not needed, check is not longer there
• import-custom-module: aliases are configured now in package.json files
• import-custom-name: aliases are configured now in package.json files
• non-existing-module-call: removed, @linaria/shaker now works differently
• require-custom-module: removed, not needed

Updated fixtures:

• asset: file paths handled properly, fixes babel-preset: handles relative paths as assets #313
• config-evaluation-rules: we don't have own evaluation part anymore, matches to what Linaria does
• duplicated-imports: handles multiple imports as it should be 💪 Fixes babel-preset: multiple modules produce the same import #104

@griffel/webpack-loader

All internals of @griffel/webpack-loader were removed, now it's just a tiny wrapper around @linaria/webpack-loader.

Following fixtures were removed:

• config-modules: aliases are configured now in package.json files
• error-argument-count: not needed, check is not longer there
• error-syntax: not needed

New fixture react-component to test a more real life example.

Related issues

Fixes #104.
Fixes #184.
Fixes #313.

TODOs

• Test on Windows machine
• Test in products
• Pass proper import sources in processors
• 🔴 BLOCKER Tags parsing is too aggressive callstack/linaria#1214
• 🔴 BLOCKER EvalError: tslib_1.__importStar is not a function callstack/linaria#1209
• 🔴 BLOCKER: TS helpers for imports are not fully handled? callstack/linaria#1186
• 🔴 BLOCKER: feat(tags): introduce tagSource for processors callstack/linaria#1188
• 🔴 BLOCKER: import side-effects are removed callstack/linaria#1189
• 💣 BLOCKER: Circulars dependencies are causing infinite loop callstack/linaria#1193

[github-actions]

📊 Bundle size report

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
core __resetStyles (makeResetStyles)	273 B 198 B
core __styles (makeStyles)	1.649 kB 787 B
core makeResetStyles (runtime)	17.009 kB 6.491 kB
core makeStyles (runtime)	21.424 kB 8.084 kB
core mergeClasses	1.82 kB 881 B
core shorthands.padding()	4.677 kB 1.517 kB
react __css	1.645 kB 767 B
react __styles	3.768 kB 1.666 kB
react makeResetStyles (runtime)	19.159 kB 7.362 kB
react makeStaticStyles (runtime)	9.121 kB 3.991 kB
react makeStyles (runtime)	23.59 kB 8.929 kB
shadow-dom createShadowDOMRenderer	3.236 kB 1.408 kB

_{🤖 This report was generated against 278e651936789f39df9f2b790993d4d680b345b6}

[layershifter]

Aliases that match export maps in @griffel/linaria-processor, needed for Jest.

[layershifter]

require() and export 🙈

[layershifter]

We don't need to handle resolutions on our end anymore 💅

[layershifter]

This will be probably defined in Linaria itself. Forces Babel to detect a type of module, so it will emit import/require properly.

[layershifter]

I decided to not expose all Linaria options to better control APIs.