[BUG] warnings after yarn install

[kikikiblue]

Describe the bug

I am using tabler in my rails 6.1.3.1 application.
when I run webpack-dev-server, I see this warning.
I removed node-moduels directroy and did yarn install
after that, I got these messages.
How can I remove this warnings?

Device & etcs

• Browser : Google Chrome 90.0.4430.85
• OS: Mac-os
• tabler core version : 1.0.0-beta2

package.json

"dependencies": {
    "@fortawesome/fontawesome-free": "^5.15.3",
    "@rails/actioncable": "^6.0.0",
    "@rails/activestorage": "^6.0.0",
    "@rails/ujs": "^6.0.0",
    "@rails/webpacker": "5.3.0",
    "@tabler/core": "^1.0.0-beta2",
    "@tabler/icons": "^1.39.1",
    "css-loader": "^5.2.0",
    "css-minimizer-webpack-plugin": "^1.3.0",
    "jquery": "^3.6.0",
    "mini-css-extract-plugin": "^1.4.1",
    "turbolinks": "^5.2.0",
    "webpack": "^4.46.0",
    "webpack-cli": "^3.3.12"
  }, 

Warning Message

WARNING: You probably don't mean to use the color value white in interpolation here.
It may end up represented as white, which will likely produce invalid CSS.
Always quote color names when using them as strings or map keys (for example, "white").
If you really want to use the color value here, use '"" + $color'.

   ╷
20 │     .bg-#{$color} {
   │           ^^^^^^
   ╵
    node_modules/@tabler/core/src/scss/utils/_colors.scss 20:11  @import
    node_modules/@tabler/core/src/scss/_tabler-core.scss 55:9    @import
    node_modules/@tabler/core/src/scss/tabler.scss 1:9           @import
    app/javascript/packs/application.scss 1:9                    root stylesheet

WARNING: You probably don't mean to use the color value white in interpolation here.
It may end up represented as white, which will likely produce invalid CSS.
Always quote color names when using them as strings or map keys (for example, "white").
If you really want to use the color value here, use '"" + $color'.

   ╷
24 │     .text-#{$color} {
   │             ^^^^^^
   ╵
    node_modules/@tabler/core/src/scss/utils/_colors.scss 24:13  @import
    node_modules/@tabler/core/src/scss/_tabler-core.scss 55:9    @import
    node_modules/@tabler/core/src/scss/tabler.scss 1:9           @import
    app/javascript/packs/application.scss 1:9                    root stylesheet

WARNING: You probably don't mean to use the color value white in interpolation here.
It may end up represented as white, which will likely produce invalid CSS.
Always quote color names when using them as strings or map keys (for example, "white").
If you really want to use the color value here, use '"" + $color'.

   ╷
28 │     .bg-#{$color}-lt {
   │           ^^^^^^
   ╵
    node_modules/@tabler/core/src/scss/utils/_colors.scss 28:11  @import
    node_modules/@tabler/core/src/scss/_tabler-core.scss 55:9    @import
    node_modules/@tabler/core/src/scss/tabler.scss 1:9           @import
    app/javascript/packs/application.scss 1:9                    root stylesheet

ℹ ｢wdm｣: Hash: 02f29ec64fa39cf110bb
Version: webpack 4.46.0