Gatsby: [gatsby-transformer-remark] Third level nested unordered list items render as second level

[fk]

Just noticed that in the latest blog post https://www.gatsbyjs.org/blog/2018-2-16-how-to-build-a-website-with-react/ this rendered fine when indented with four spaces (like @shannonbux initially did)

* Whole list
    * Title
    * add a to-do line
    * to-do line
        * subtasks within to-dos
    * show completed to-dos button

but not when using two spaces (after formatting with Prettier):

* Whole list
  * Title
  * add a to-do line
  * to-do line
    * subtasks within to-dos
  * show completed to-dos button

FWIW, the TOC on using-remark also looks off, but it's been ages since I last conciously took a look on that:

[KyleAMathews]

Due to the high volume of issues, we're closing out older ones without recent activity. Please open a new issue if you need help!

[baerrach]

@fk did you resolve this problem?

gatsby 2.15.14
[email protected]

For level 3 lists:

2 spaces = same indentation
3 spaces = same indentation
4 spaces = proper new indentation level

[fk]

👋 Hey @baerrach — not that I remember :(

[kikunantoka]

I also see this problem. I hope to solve this problem :)

[fk]

Happy to reopen this issue; if anyone of y'all has the time for it, a minimal reproduction would be super nice.

Also—just thinking out loud—maybe using MDX would be an alternative?

[YaboLee]

Same here.

Thanks for this issue(though it was closed) such that I could make my 3-level list...