Ordered lists with bolded numbers not rendering in an `<ol>` element

[extrange]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and discussions and couldn’t find anything (or linked relevant results below)

Affected package

react-markdown 10.1.0

Steps to reproduce

import Markdown from 'react-markdown'

const markdown = `
list
1. item 1
2. item 2

list with bolded numbers
**1.** item 2
**2.** item 2

`

function App() {
  return <Markdown>{markdown}</Markdown>
}

export default App

Stackblitz reproduction

Actual behavior

Renders as

<p>list</p>
<ol>
<li>item 1</li>
<li>item 2</li>
</ol>
<p>list with bolded numbers
<strong>1.</strong> item 2
<strong>2.</strong> item 2</p>

Expected behavior

Bolded numbers in an ordered list should be ignored, i.e. the output should be

<p>list</p>
<ol>
<li>item 1</li>
<li>item 2</li>
</ol>
<p>list with bolded numbers
<ol>
<li>item 1</li>
<li>item 2</li>
</ol>

Runtime

node@20.19.1

Package manager

npm@10.8.2

Operating system

N/A (stackblitz)

Build and bundle tools

Vite

[ChristianMurphy]

Neither markdown nor html have a native concept of bold lists.

If you want that you'd need to create a directive https://github.com/remarkjs/remark-directive or use plain HTML <li class=""> so you can customize the styles.

[github-actions]

Hi! This was closed. Team: If this was fixed, please add phase/solved. Otherwise, please add one of the no/* labels.