♻️ Remove deprecated @import from scss files (#7347)

* 🐛 Fix import warnings 1 of 2

* 🐛 Fix import warnings 2 of 2

* 🐛 Fix visual tests and format files

* 🐛 Fix mixed declarations on scss

frontend/playwright/ui/visual-specs/visual-viewer.spec.js

@@ -62,7 +62,7 @@ test("User goes to the Viewer Comments", async ({ page }) => {
   await viewerPage.showComments();
   await viewerPage.showCommentsThread(1);
   await expect(
-    viewerPage.page.getByRole("textbox", { name: "Reply" }),
+    viewerPage.page.getByRole("button", { name: "Post" }),
   ).toBeVisible();
 
   await expect(viewerPage.page).toHaveScreenshot();
@@ -101,7 +101,11 @@ test("User goes to the Viewer Inspect code", async ({ page }) => {
 
   await viewerPage.showCode();
 
-  await expect(viewerPage.page.getByText("Size and position")).toBeVisible();
+  await expect(
+    viewerPage.page.getByRole("button", {
+      name: "Toggle panel Size & Position",
+    }),
+  ).toBeVisible();
 
   await expect(viewerPage.page).toHaveScreenshot();
 });
@@ -117,7 +121,11 @@ test("User goes to the Viewer Inspect code, code tab", async ({ page }) => {
   });
 
   await viewerPage.showCode();
-  await viewerPage.page.getByRole("tab", { name: "code" }).click();
+  await viewerPage.page
+    .getByRole("combobox")
+    .filter({ hasText: "Styles" })
+    .click();
+  await viewerPage.page.getByRole("option", { name: "Code" }).click();
 
   await expect(
     viewerPage.page.getByRole("button", { name: "Copy all code" }),

frontend/playwright/ui/visual-specs/workspace.spec.js

@@ -95,9 +95,7 @@ test.describe("Assets tab", () => {
 
     await workspace.clickLibrary("Testing library 1");
     await expect(
-      workspace.librariesModal.getByText(
-        "There are no Shared Libraries available",
-      ),
+      workspace.librariesModal.getByText("File library"),
     ).toBeVisible();
     await expect(workspace.page).toHaveScreenshot();
   });