diff --git a/scss/core/core.scss b/scss/core/core.scss
index e9196e6fc8..27ff012e87 100644
--- a/scss/core/core.scss
+++ b/scss/core/core.scss
@@ -1,3 +1,5 @@
+@use "~react-loading-skeleton/dist/skeleton";
+
 @import "functions";
 @import "variables";
 @import "~bootstrap/scss/mixins";
@@ -5,12 +7,6 @@
 @import "~bootstrap/scss/reboot";
 @import "typography";
 @import "grid";
-// The react-loading-skeleton package.json defines an 'exports' field which specifies a '.css'
-// extension on this export.  Without the '.css' on the end of this line, webpack can't find the file
-// and the build fails.
-// See https://webpack.js.org/guides/package-exports/ for more information on how webpack uses
-// the 'exports' field.
-@import "~react-loading-skeleton/dist/skeleton.css";
 @import "~bootstrap/scss/transitions";
 @import "utilities";
 @import "~bootstrap/scss/media";