MDB Pro Js via NPM CSS error

Hello, I am running a Symfony 3 project and I am using Webpack Encore.

Expected behavior

Running yarn encore dev should just compile my JS files using Webpack Encore.

Actual behavior

*/
 ^
      Invalid CSS after "...ue, d: duration": expected 1 selector or at-rule, was "jQuery.easing['jswi"
      in E:\wamp64\www\fidzee\node_modules\mdbootstrap-pro\js\mdb.js (line 102, column 3)

Resources (screenshots, code snippets etc.)

webpack.config.js:

const Encore = require('@symfony/webpack-encore');
const TerserPlugin = require('terser-webpack-plugin');

if (!Encore.isRuntimeEnvironmentConfigured()) {
    Encore.configureRuntimeEnvironment(process.env.NODE_ENV || 'dev');
}

Encore

    .setOutputPath('web/build/')
    .setPublicPath('/build')

    .addEntry('app', './assets/js/app.js')

    .splitEntryChunks()

    .enableSingleRuntimeChunk()

    .cleanupOutputBeforeBuild()
    .enableBuildNotifications()
    .enableSourceMaps(!Encore.isProduction())
    .enableVersioning(Encore.isProduction())

    /*.configureBabel(() => {}, {
        useBuiltIns: 'usage',
        corejs: 3
    })*/

    .enableSassLoader()

    .enableIntegrityHashes(Encore.isProduction())

    .autoProvidejQuery()

    .addPlugin(new TerserPlugin({
        parallel: true,
        sourceMap: !Encore.isProduction()
    }))
;

module.exports = Encore.getWebpackConfig();

My app.js:

const $ = require('jquery');

import '../scss/app.scss'

My app.scss:

@import "~mdbootstrap-pro";