Font library: lib-font as npm dependency

packages/edit-site/package.json

@@ -72,6 +72,7 @@
 		"downloadjs": "^1.4.7",
 		"fast-deep-equal": "^3.1.3",
 		"is-plain-object": "^5.0.0",
+		"lib-font": "2.4.0",
 		"memize": "^2.1.0",
 		"react-autosize-textarea": "^7.1.0",
 		"rememo": "^4.0.2",

packages/edit-site/src/components/global-styles/font-library-modal/local-fonts.js

@@ -16,9 +16,12 @@ import { useContext } from '@wordpress/element';
  */
 import { ALLOWED_FILE_EXTENSIONS } from './utils/constants';
 import { FontLibraryContext } from './context';
-import { Font } from '../../../../lib/lib-font.browser';
 import makeFamiliesFromFaces from './utils/make-families-from-faces';
 import { loadFontFaceInBrowser } from './utils';
+/**
+ * External dependencies
+ */
+import { Font } from 'lib-font';
 
 function LocalFonts() {
 	const { installFonts } = useContext( FontLibraryContext );

packages/edit-site/src/components/save-hub/index.js

@@ -27,13 +27,12 @@ const PUBLISH_ON_SAVE_ENTITIES = [
 ];
 
 export default function SaveHub() {
-	const saveNoticeId = 'site-edit-save-notice';
 	const { params } = useLocation();
 
 	const { __unstableMarkLastChangeAsPersistent } =
 		useDispatch( blockEditorStore );
 
-	const { createSuccessNotice, createErrorNotice, removeNotice } =
+	const { createSuccessNotice, createErrorNotice } =
 		useDispatch( noticesStore );
 
 	const { dirtyCurrentEntity, countUnsavedChanges, isDirty, isSaving } =
@@ -108,7 +107,6 @@ export default function SaveHub() {
 	const saveCurrentEntity = async () => {
 		if ( ! dirtyCurrentEntity ) return;
 
-		removeNotice( saveNoticeId );
 		const { kind, name, key, property } = dirtyCurrentEntity;
 
 		try {
@@ -134,7 +132,6 @@ export default function SaveHub() {
 
 			createSuccessNotice( __( 'Site updated.' ), {
 				type: 'snackbar',
-				id: saveNoticeId,
 			} );
 		} catch ( error ) {
 			createErrorNotice( `${ __( 'Saving failed.' ) } ${ error }` );
@@ -151,7 +148,6 @@ export default function SaveHub() {
 					disabled={ isSaving }
 					aria-disabled={ isSaving }
 					className="edit-site-save-hub__button"
-					__next40pxDefaultSize
 				>
 					{ label }
 				</Button>
@@ -161,8 +157,7 @@ export default function SaveHub() {
 					variant={ disabled ? null : 'primary' }
 					showTooltip={ false }
 					icon={ disabled && ! isSaving ? check : null }
-					defaultLabel={ label }
-					__next40pxDefaultSize
+					textForDefaultState={ label }
 				/>
 			) }
 		</HStack>

tools/webpack/packages.js

@@ -167,4 +167,10 @@ module.exports = {
 			endYear: 2040,
 		} ),
 	].filter( Boolean ),
+	resolve: {
+		fallback: {
+			fs: false,
+			zlib: false,
+		},
+	},
 };