From a0885811aef71f640784234f2372f58bb405fd74 Mon Sep 17 00:00:00 2001
From: "Rahmat Kurniawan (Iwan)"
 <87967402+rahmatkurniawantiket@users.noreply.github.com>
Date: Thu, 21 Apr 2022 13:58:14 +0700
Subject: [PATCH] Update index.scss
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

I'm facing this error while trying to run the sendbird using parcel v2.

based on this: https://developer.mozilla.org/en-US/docs/Web/CSS/@import

```shell
➜  demo git:(temp) ✗  yarn start
yarn run v1.22.11
$ parcel src/index.html
Server running at http://localhost:1234
🚨 Build failed.

@parcel/transformer-css: @import rules must precede all rules aside from @charset and @layer statements

  /demo/node_modules/@sendbird/uikit-react/index.css:223:8
    222 |
  > 223 | @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
  >     |        ^
    224 | :root {
    225 |   --sendbird-light-primary-500: #491389;

```

`If this changes not release please decline it`
---
 src/lib/index.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/lib/index.scss b/src/lib/index.scss
index b0ba50688..294ee5fa1 100644
--- a/src/lib/index.scss
+++ b/src/lib/index.scss
@@ -1,6 +1,5 @@
 // Too keep all the important CSS to boot and  makes sure things arent repeated
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
 @import '../styles/light-theme';
 @import '../styles/dark-theme';
 @import '../styles/misc-colors';
-
-@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');