Fix scroll with VoiceOver ON.

For some reason, VoiceOver wouldn't scroll down the block list.
The breaking change was located at the removal of this css property `font-family: $default-regular-font;` on the nextpage block.

Addinb back that property to be able to scroll the blocks list again using VoiceOver.

.vscode/settings.json

@@ -0,0 +1,2 @@
+{
+}

packages/block-library/src/nextpage/edit.native.js

@@ -14,20 +14,20 @@ import { __ } from '@wordpress/i18n';
  */
 import styles from './editor.scss';
 
-export default function NextPageEdit( { attributes } ) {
-	const { customText = __( 'Page break' ) } = attributes;
-	// Setting the font here to keep the CSS linter happy, it was demanding a syntax
-	// that React Native wasn't able to handle (adding a fallback generic font family).
-	const textStyle = {
-		...styles[ 'block-library-nextpage__text' ],
-		fontFamily: 'System',
-	};
+export default function NextPageEdit( { attributes, isSelected, onFocus } ) {
+	const { customText = __('Page break') } = attributes;
+	const accessibilityTitle = attributes.customText || '';
 
 	return (
-		<View style={ styles[ 'block-library-nextpage__container' ] }>
-			<Hr text={ customText }
-				textStyle={ textStyle }
-				lineStyle={ styles[ 'block-library-nextpage__line' ] } />
+		<View
+			accessible
+			accessibilityLabel={__('Page break block') + '. ' + accessibilityTitle}
+			accessibilityStates={isSelected && ['selected']}
+			onAccessibilityTap={onFocus}
+		>
+			<Hr text={customText}
+				textStyle={styles['block-library-nextpage__text']}
+				lineStyle={styles['block-library-nextpage__line']} />
 		</View>
 	);
 }

packages/block-library/src/nextpage/editor.native.scss

@@ -7,6 +7,7 @@
 
 .block-library-nextpage__text {
 	color: $gray;
+	font-family: $default-regular-font;
 	text-decoration-style: solid;
 	text-transform: uppercase;
 }