Remove the stylesheet to make ui quicker.

public_html/wp-content/themes/wporg-events-2023/src/event-list/index.js

@@ -8,7 +8,6 @@ import { registerBlockType } from '@wordpress/blocks';
  */
 import Edit from './edit';
 import metadata from './block.json';
-import './style.scss';
 
 registerBlockType( metadata.name, {
 	edit: Edit,

public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php

@@ -60,7 +60,7 @@ function render( $attributes, $content, $block ) {
 	}
 
 	foreach ( $grouped_events as $month_year => $events ) {
-		$content .= "<h2 class='wporg-marker-list__container__title'>$month_year</h2>";
+		$content .= get_section_title( $month_year );
 		$content .= '<ul class="wporg-marker-list__container">';
 
 		foreach ( $events as $event ) {
@@ -124,3 +124,21 @@ function filter_events( array $events ): array {
 
 	return $filtered_events;
 }
+
+/**
+ * Returns core heading block markup for the date groups.
+ *
+ * @param string $heading_text Heading text.
+ *
+ * @return string
+ */
+function get_section_title( $heading_text ) {
+	$block_markup  = '<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-1"}}},"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|20"}}},"textColor":"charcoal-1","fontSize":"medium","fontFamily":"inter"} -->';
+	$block_markup .= sprintf (
+		'<h2 class="wp-block-heading has-charcoal-1-color has-text-color has-link-color has-inter-font-family has-medium-font-size" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--20);font-style:normal;font-weight:700">%s</h2>',
+		esc_html( $heading_text )
+	);
+	$block_markup .= '<!-- /wp:heading -->';
+
+	return $block_markup;
+}