[RNMobile] List block v2: Fix text color inconsistencies with list it…

…ems (#43244)

* List block v2: use default color for preferred color scheme
* Use usePreferredColorSchemeStyle hook for List Item style
* Remove unneeded font-size value from list item styles

packages/block-library/src/list-item/list-style-type.native.js

@@ -8,6 +8,7 @@ import { View, Text } from 'react-native';
  */
 import { Icon } from '@wordpress/components';
 import { Platform } from '@wordpress/element';
+import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 
 /**
  * Internal dependencies
@@ -109,9 +110,15 @@ export default function ListStyleType( {
 		style?.fontSize ? style.fontSize : defaultFontSize,
 		10
 	);
+
+	const colorWithPreferredScheme = usePreferredColorSchemeStyle(
+		styles[ 'wp-block-list-item__list-item--default' ],
+		styles[ 'wp-block-list-item__list-item--default--dark' ]
+	);
+
 	const defaultColor = style?.baseColors?.color?.text
 		? style.baseColors.color.text
-		: styles[ 'wp-block-list-item__list-item--default' ].color;
+		: colorWithPreferredScheme.color;
 	const color = style?.color ? style.color : defaultColor;
 
 	if ( ordered ) {

packages/block-library/src/list-item/style.native.scss

@@ -28,6 +28,10 @@
 	font-size: $editor-font-size;
 }
 
+.wp-block-list-item__list-item--default--dark {
+	color: $white;
+}
+
 .wp-block-list-item__list-item-ordered--default {
 	margin-top: 2;
 }