原因だけ書きます。

これはタイムラインブロックに限った話ではありません。追加 CSS クラスのあるブロック全般です。

追加 CSS クラスに Font Awesome の class を追加した場合、Font Awesome の JavaScript がブロックを <svg> に変更します。

blocks/src/init.php の 49 行目から 57 行目を削除すれば問題は起きなかったため、Font Awesome の JavaScript が原因なのはおそらく間違いないです。

ただ、アクセシビリティを考えた場合、ブロックに Font Awesome の class を追加するのはどうかなとも思います。

言われる通り停止にすると「?」にならず。
ただ、表示すると、タイムラインアイテムの部分が、display:list-item→inline-blockになり、崩れ。

半日ほど子テーマのfunctions.phpに以下のコードを書いて //use.fontawesome.com/releases/v5.6.3/js/all.js の読み込みを無効化していますが問題という問題は起きていなさそうです。

// https://use.fontawesome.com/releases/v5.x.x/js/all.jsを読み込まない 
add_filter( 'cocoon_blocks_wp_enqueue_script_fontawesome', '__return_false' );

しばらく動作確認して問題ないようであれば、if (apply_filters('cocoon_blocks_wp_enqueue_script_fontawesome', false)) { にしてしまっても良いのかもしれません。

投稿者:: @chu-ya

↑

ただ、表示すると、タイムラインアイテムの部分が、display:list-item→inline-blockになり、崩れ。

これはFont Awesome 5のfas等にdisplay: inline-block;が入っているのでそうなるのはしょうがないかもしれません。

@yhira さん

なに目的でこのJSが必要だったのでしょうか？

投稿者:: @yhira

↑

これはFont Awesome 5のfas等にdisplay: inline-block;が入っているのでそうなるのはしょうがないかもしれません。

ありがとうございます、これはCSSで対策しました。

結論が出るまで、恐れ入りますが、本件はオープンとさせて頂きます。

投稿者:: @chu-ya

↑

なに目的でこのJSが必要だったのでしょうか？

作成当時はこれがないとうまく動作しなかった記憶があります。
何がどう動作しなかったかまでは、恐れ入りますがちょっと失念してしまいました。
作成時は強烈な印象があったとしても、コメントを書いておくべきでした。

投稿者:: @yhira

↑

作成当時はこれがないとうまく動作しなかった記憶があります。

gutenbergエディターに影響がありました。
フックを用いfalseにすると以下が読み込まれなくなる。

<script src="https://use.fontawesome.com/releases/v5.6.3/js/all.js?ver=5.6.3" id="cocoon_blocks-fontawesome5-js-js"></script>

以下のブロックのアイコンが、空白になる。

• 白抜ボックス
• 囲みボタン
• ランキング
• テンプレート
• ボックスメニュー
• 広告
• プロフィールボックス
• タブ見出しボックス
• 新着記事
• 人気記事
• 新着情報

この時、図に示すエラーが発生します。

本jsが必要と判断し、本件はクローズします。ありがとうざいました。

ご連絡ありがとうございます。
コードに必要な理由も追加しておこうと思います。