diff --git a/packages/react/src/components/Accessibility/index.scss b/packages/react/src/components/Accessibility/index.scss
deleted file mode 100644
index ea15f64..0000000
--- a/packages/react/src/components/Accessibility/index.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-.offscreen {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border: 0;
-}
diff --git a/packages/react/src/components/Button/index.scss b/packages/react/src/components/Button/_index.scss
similarity index 100%
rename from packages/react/src/components/Button/index.scss
rename to packages/react/src/components/Button/_index.scss
diff --git a/packages/react/src/components/DataGrid/index.scss b/packages/react/src/components/DataGrid/_index.scss
similarity index 100%
rename from packages/react/src/components/DataGrid/index.scss
rename to packages/react/src/components/DataGrid/_index.scss
diff --git a/packages/react/src/components/Forms/Checkbox/index.scss b/packages/react/src/components/Forms/Checkbox/_index.scss
similarity index 100%
rename from packages/react/src/components/Forms/Checkbox/index.scss
rename to packages/react/src/components/Forms/Checkbox/_index.scss
diff --git a/packages/react/src/components/Forms/DatePicker/index.scss b/packages/react/src/components/Forms/DatePicker/_index.scss
similarity index 99%
rename from packages/react/src/components/Forms/DatePicker/index.scss
rename to packages/react/src/components/Forms/DatePicker/_index.scss
index a59f85a..3e63acc 100644
--- a/packages/react/src/components/Forms/DatePicker/index.scss
+++ b/packages/react/src/components/Forms/DatePicker/_index.scss
@@ -1,4 +1,4 @@
-@use 'src/utils';
+@use 'src/utils' as *;
 
 
 .c__date-picker {
diff --git a/packages/react/src/components/Forms/Field/index.scss b/packages/react/src/components/Forms/Field/_index.scss
similarity index 100%
rename from packages/react/src/components/Forms/Field/index.scss
rename to packages/react/src/components/Forms/Field/_index.scss
diff --git a/packages/react/src/components/Forms/FileUploader/index.scss b/packages/react/src/components/Forms/FileUploader/_index.scss
similarity index 100%
rename from packages/react/src/components/Forms/FileUploader/index.scss
rename to packages/react/src/components/Forms/FileUploader/_index.scss
diff --git a/packages/react/src/components/Forms/Input/index.scss b/packages/react/src/components/Forms/Input/_index.scss
similarity index 100%
rename from packages/react/src/components/Forms/Input/index.scss
rename to packages/react/src/components/Forms/Input/_index.scss
diff --git a/packages/react/src/components/Forms/LabelledBox/index.scss b/packages/react/src/components/Forms/LabelledBox/_index.scss
similarity index 100%
rename from packages/react/src/components/Forms/LabelledBox/index.scss
rename to packages/react/src/components/Forms/LabelledBox/_index.scss
diff --git a/packages/react/src/components/Forms/Radio/index.scss b/packages/react/src/components/Forms/Radio/_index.scss
similarity index 100%
rename from packages/react/src/components/Forms/Radio/index.scss
rename to packages/react/src/components/Forms/Radio/_index.scss
diff --git a/packages/react/src/components/Forms/Select/index.scss b/packages/react/src/components/Forms/Select/_index.scss
similarity index 99%
rename from packages/react/src/components/Forms/Select/index.scss
rename to packages/react/src/components/Forms/Select/_index.scss
index d85aa3a..ff5d989 100644
--- a/packages/react/src/components/Forms/Select/index.scss
+++ b/packages/react/src/components/Forms/Select/_index.scss
@@ -1,4 +1,4 @@
-@use 'src/utils';
+@use 'src/utils' as *;;
 
 .c__select {
   position: relative;
diff --git a/packages/react/src/components/Forms/Switch/index.scss b/packages/react/src/components/Forms/Switch/_index.scss
similarity index 100%
rename from packages/react/src/components/Forms/Switch/index.scss
rename to packages/react/src/components/Forms/Switch/_index.scss
diff --git a/packages/react/src/components/Loader/index.scss b/packages/react/src/components/Loader/_index.scss
similarity index 100%
rename from packages/react/src/components/Loader/index.scss
rename to packages/react/src/components/Loader/_index.scss
diff --git a/packages/react/src/components/Pagination/index.scss b/packages/react/src/components/Pagination/_index.scss
similarity index 100%
rename from packages/react/src/components/Pagination/index.scss
rename to packages/react/src/components/Pagination/_index.scss
diff --git a/packages/react/src/components/Popover/index.scss b/packages/react/src/components/Popover/_index.scss
similarity index 90%
rename from packages/react/src/components/Popover/index.scss
rename to packages/react/src/components/Popover/_index.scss
index 46955d6..dd7591d 100644
--- a/packages/react/src/components/Popover/index.scss
+++ b/packages/react/src/components/Popover/_index.scss
@@ -1,4 +1,4 @@
-@use 'src/utils';
+@use 'src/utils' as *;
 
 
 .c__popover {
diff --git a/packages/react/src/fonts.scss b/packages/react/src/fonts.scss
index e8d731a..e565f2f 100644
--- a/packages/react/src/fonts.scss
+++ b/packages/react/src/fonts.scss
@@ -1 +1 @@
-@import "@fontsource-variable/roboto-flex";
+@use "@fontsource-variable/roboto-flex";
diff --git a/packages/react/src/icons.scss b/packages/react/src/icons.scss
index 62edb1d..8fb018f 100644
--- a/packages/react/src/icons.scss
+++ b/packages/react/src/icons.scss
@@ -1,4 +1,4 @@
-@import "@fontsource/material-icons";
+@use "@fontsource/material-icons";
 
 .material-icons {
   font-family: 'Material Icons';
diff --git a/packages/react/src/index.scss b/packages/react/src/index.scss
index e59fe4f..7309940 100644
--- a/packages/react/src/index.scss
+++ b/packages/react/src/index.scss
@@ -1,22 +1,25 @@
-@import "cunningham-tokens";
-@import '@openfun/cunningham-tokens/default-tokens';
-@import './utils';
-@import './components/Accessibility';
-@import './components/Button';
-@import './components/DataGrid';
-@import './components/Forms/Checkbox';
-@import './components/Forms/Field';
-@import './components/Forms/FileUploader';
-@import './components/Forms/Radio';
-@import './components/Forms/TextArea';
-@import './components/Forms/Input';
-@import './components/Forms/LabelledBox';
-@import './components/Forms/Select';
-@import './components/Forms/Switch';
-@import './components/Forms/DatePicker';
-@import './components/Loader';
-@import './components/Pagination';
-@import './components/Popover';
+
+@forward "./utils";
+
+@use "cunningham-tokens";
+@use "@openfun/cunningham-tokens/default-tokens";
+
+@use "./components/Accessibility";
+@use "./components/Button";
+@use "./components/DataGrid";
+@use "./components/Forms/Checkbox";
+@use "./components/Forms/Field";
+@use "./components/Forms/FileUploader";
+@use "./components/Forms/Radio";
+@use './components/Forms/TextArea';
+@use "./components/Forms/Input";
+@use "./components/Forms/LabelledBox";
+@use "./components/Forms/Select";
+@use "./components/Forms/Switch";
+@use "./components/Forms/DatePicker";
+@use "./components/Loader";
+@use "./components/Pagination";
+@use "./components/Popover";
 
 body {
   font-family: var(--c--theme--font--families--base);
diff --git a/packages/react/src/utils/index.scss b/packages/react/src/utils/_index.scss
similarity index 100%
rename from packages/react/src/utils/index.scss
rename to packages/react/src/utils/_index.scss