SyntaxError: Cannot use import statement outside a module

Description

When i try to use an imported variables in linaria css, it gives this error, seems to come from @linaria/webpack-loader:

/sandbox/node_modules/@ui5/webcomponents-react-base/dist/index.js:1
(function (exports) { import * as Device from './Device';
                      ^^^^^^

SyntaxError: Cannot use import statement outside a module
    at new Script (vm.js:102:7)
    at Module.evaluate (/sandbox/node_modules/@linaria/webpack4-loader/node_modules/@linaria/babel-preset/lib/module.js:290:20)

Reproducible Demo

Please refer to this code sandbox: https://codesandbox.io/s/linaria-demo-forked-1kwhyy?file=/src/App.js

[qiweiii]

It seems linaria webpack-loader need to transpile all @ui5 and lit-html packages to ES5

[Anber]

By default, Linaria doesn’t transpile modules inside node_modules. However, you can add a rule for a specific folder (see rules options). For your case, linaria.config.js will look like this:

module.exports = {
    rules: [
        {
            action: require('@linaria/shaker').default,
        },
        {
            test: /\/node_modules\//,
            action: 'ignore',
        },
        {
            test: /\/node_modules\/@ui5\//,
            action: require('@linaria/shaker').default,
        },
    ]
};