Replace googlefonts by @fontsource

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@files-ui/react",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "UI components for file uploads with React js",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
@@ -54,6 +54,7 @@
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
+    "rollup-plugin-import-css": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-sass": "^1.12.19",
     "rollup-plugin-terser": "^7.0.2",
@@ -68,7 +69,8 @@
   },
   "dependencies": {
     "@dynamicss/dynamicss": "^2.2.8",
-    "@files-ui/core": "^2.0.6"
+    "@files-ui/core": "^2.0.6",
+    "@fontsource/poppins": "^5.0.14"
   },
   "publishConfig": {
     "access": "public"

rollup.config.js

@@ -1,4 +1,5 @@
 import commonjs from "@rollup/plugin-commonjs";
+import css from "rollup-plugin-import-css";
 import resolve from "@rollup/plugin-node-resolve";
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
 import typescript from "rollup-plugin-typescript2";
@@ -22,6 +23,7 @@ export default {
     },
   ],
   plugins: [
+    css(),
     sass({ insert: true }),
 
     peerDepsExternal(),

src/Avatar/Avatar.scss

@@ -1,4 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
 
 .fui-avatar-main-container {
   width: 200px;

src/Dropzone/components/dropzone/Dropzone.scss

@@ -1,4 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
 
 .fui-dropzone-root {
   width: 100%;

src/FileCard/FileCard.scss

@@ -1,4 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
 
 .files-ui-file-card-main-container {
   border-radius: 8px;
@@ -241,4 +240,4 @@
       background-color: rgba(154, 160, 166, 0.85);
     }
   }
-} */
+} */

src/FileMosaic/components/file-mosaic/FileMosaic.scss

@@ -1,4 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
 
 .files-ui-file-mosaic-main-container {
   //min width
@@ -193,4 +192,4 @@
     }
   }
 }
- */
+ */

src/MaterialButton/MaterialButton.scss

@@ -1,4 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
 
 .material-button-root {
   border: 0;

src/index.ts

@@ -154,4 +154,12 @@ export { default as FilesUiProvider } from "./FilesUiProvider/FilesUiProvider";
 export * from "./FilesUiProvider/FilesUiProvider";
 
 
-export type { IconsSet, FilesUIConfig } from "./FilesUiProvider";
+export type { IconsSet, FilesUIConfig } from "./FilesUiProvider";
+
+import '@fontsource/poppins/300.css';
+import '@fontsource/poppins/400.css';
+import '@fontsource/poppins/500.css';
+import '@fontsource/poppins/600.css';
+import '@fontsource/poppins/700.css';
+import '@fontsource/poppins/800.css';
+import '@fontsource/poppins/900.css';