diff --git a/src/bundle/Resources/public/scss/_balloon-form.scss b/src/bundle/Resources/public/scss/_balloon-form.scss
index aaa8ba43..1d13272b 100644
--- a/src/bundle/Resources/public/scss/_balloon-form.scss
+++ b/src/bundle/Resources/public/scss/_balloon-form.scss
@@ -1,3 +1,7 @@
+@use 'variables/vars' as *;
+@use 'variables/colors' as *;
+@use 'functions/calculate.rem' as *;
+
 .ck.ck-reset_all {
     .ibexa-ckeditor-balloon-form {
         position: relative;
diff --git a/src/bundle/Resources/public/scss/_character-counter.scss b/src/bundle/Resources/public/scss/_character-counter.scss
index 027bba33..5af9b0c9 100644
--- a/src/bundle/Resources/public/scss/_character-counter.scss
+++ b/src/bundle/Resources/public/scss/_character-counter.scss
@@ -1,3 +1,5 @@
+@use 'functions/calculate.rem' as *;
+
 .ibexa-character-counter {
     position: relative;
     border-bottom-left-radius: calculateRem(5px);
diff --git a/src/bundle/Resources/public/scss/_custom-panel.scss b/src/bundle/Resources/public/scss/_custom-panel.scss
index e6fd51dd..e4bd662b 100644
--- a/src/bundle/Resources/public/scss/_custom-panel.scss
+++ b/src/bundle/Resources/public/scss/_custom-panel.scss
@@ -1,3 +1,5 @@
+@use 'functions/calculate.rem' as *;
+
 .ibexa-custom-panel {
     min-width: calculateRem(320px);
 
diff --git a/src/bundle/Resources/public/scss/_custom-tag-attributes.scss b/src/bundle/Resources/public/scss/_custom-tag-attributes.scss
index 74216ac0..21151073 100644
--- a/src/bundle/Resources/public/scss/_custom-tag-attributes.scss
+++ b/src/bundle/Resources/public/scss/_custom-tag-attributes.scss
@@ -1,3 +1,7 @@
+@use 'variables/vars' as *;
+@use 'variables/colors' as *;
+@use 'functions/calculate.rem' as *;
+
 .ibexa-custom-tag-attributes {
     .ck.ck-reset_all & {
         min-width: calculateRem(400px);
diff --git a/src/bundle/Resources/public/scss/_custom-tag.scss b/src/bundle/Resources/public/scss/_custom-tag.scss
index 0d58b8f3..5439619a 100644
--- a/src/bundle/Resources/public/scss/_custom-tag.scss
+++ b/src/bundle/Resources/public/scss/_custom-tag.scss
@@ -1,3 +1,7 @@
+@use 'variables/vars' as *;
+@use 'variables/colors' as *;
+@use 'functions/calculate.rem' as *;
+
 .ibexa-custom-tag {
     position: relative;
     padding: calculateRem(32px) calculateRem(10px) calculateRem(10px);
diff --git a/src/bundle/Resources/public/scss/_elements-path.scss b/src/bundle/Resources/public/scss/_elements-path.scss
index cef6b333..17874553 100644
--- a/src/bundle/Resources/public/scss/_elements-path.scss
+++ b/src/bundle/Resources/public/scss/_elements-path.scss
@@ -1,3 +1,5 @@
+@use 'functions/calculate.rem' as *;
+
 .ibexa-elements-path {
     list-style: none;
     display: flex;
diff --git a/src/bundle/Resources/public/scss/_general.scss b/src/bundle/Resources/public/scss/_general.scss
index 7a21e4d8..cdc6f48a 100644
--- a/src/bundle/Resources/public/scss/_general.scss
+++ b/src/bundle/Resources/public/scss/_general.scss
@@ -1,3 +1,7 @@
+@use 'variables/vars' as *;
+@use 'variables/colors' as *;
+@use 'functions/calculate.rem' as *;
+
 .ibexa-field-edit--ezrichtext .ibexa-data-source,
 .ibexa-data-source--richtext {
     border: calculateRem(1px) solid $ibexa-color-dark-200;
diff --git a/src/bundle/Resources/public/scss/_tools.scss b/src/bundle/Resources/public/scss/_tools.scss
index 20e6e623..81b2b2d7 100644
--- a/src/bundle/Resources/public/scss/_tools.scss
+++ b/src/bundle/Resources/public/scss/_tools.scss
@@ -1,3 +1,7 @@
+@use 'variables/vars' as *;
+@use 'variables/colors' as *;
+@use 'functions/calculate.rem' as *;
+
 .ibexa-richtext-tools {
     display: flex;
     justify-content: space-between;
diff --git a/src/bundle/Resources/public/scss/ckeditor.scss b/src/bundle/Resources/public/scss/ckeditor.scss
index d250a627..e97cf68f 100644
--- a/src/bundle/Resources/public/scss/ckeditor.scss
+++ b/src/bundle/Resources/public/scss/ckeditor.scss
@@ -1,12 +1,8 @@
-@import './variables/colors';
-@import './functions/calculate.rem';
-@import './variables/vars';
-
-@import 'general';
-@import 'custom-tag';
-@import 'custom-tag-attributes';
-@import 'custom-panel';
-@import 'elements-path';
-@import 'tools';
-@import 'character-counter';
-@import 'balloon-form';
+@use 'general';
+@use 'custom-tag';
+@use 'custom-tag-attributes';
+@use 'custom-panel';
+@use 'elements-path';
+@use 'tools';
+@use 'character-counter';
+@use 'balloon-form';
diff --git a/src/bundle/Resources/public/scss/functions/calculate.rem.scss b/src/bundle/Resources/public/scss/functions/calculate.rem.scss
index 0da22074..39c8fa04 100644
--- a/src/bundle/Resources/public/scss/functions/calculate.rem.scss
+++ b/src/bundle/Resources/public/scss/functions/calculate.rem.scss
@@ -1,7 +1,7 @@
-@import './public/bundles/ibexaadminui/scss/polyfill/div';
+@use '@ibexa-admin-ui/src/bundle/Resources/public/scss/polyfill/div' as *;
 
 @function calculateRem($size) {
     $remSize: div($size, 16px);
 
-    @return #{$remSize}rem;
+    @return $remSize + 0rem;
 }