[アイコン] 親のテキストカラーを継承するオプションを追加

[sysbird]

チケットへのリンク / 変更の理由（元のissueがあればリンクを貼り付ければOK）

[アイコン] 親のテキストカラーに準ずると便利と思う #2284

どういう変更をしたか？

スクリーンショットまたは動画

変更前 Before

変更後 After

実装者の確認事項

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

• 複数の意図の変更 （ 機能の不具合修正 + 別の機能追加など ） を含んでいないか？
• Files changed (変更ファイル)の内容は目視で確認したか？
• readme.txt に変更内容は書いたか？
• readme.txt に記載の変更内容はエンドユーザーが見て変更の概要がわかるように書かれているか？
• 本当にちゃんと確認をしたか？

プログラムの変更の場合

• 書けそうなテストは書いたか？

変更内容について何を確認したか、どういう方法で確認をしたかなど

レビュワーに回す前の確認事項

• 実装者はこのテンプレートのチェック項目をちゃんと確認してチェックしたか？

レビュワー確認方法・確認内容など

---

レビュワー向け

レビュワーが確認して変更が反映されていない場合の確認事項

レビューしてみて意図した動作をしない場合は再度ビルドするなど以下の項目を確認してください。

• プルしたか？
• ビルドしたか？
• ビルドしたディレクトリは正しいか（別の開発環境のディレクトリを見ていないか）？
• npm install したか？
• composer install したか？
• キャッシュをクリアして確認したか？

[sysbird]

@mthaichi
現行のアイコンブロックで、このブランチで「このブロックには、想定されていないか無効なコンテンツが含まれています」が出るコードです
2つめのリンクを設定している場合に発生します

<!-- wp:vk-blocks/icon {"iconUrl":""} -->
<div class="wp-block-vk-blocks-icon vk_icon"><div class="vk_icon_frame"><div class="vk_icon_border"><i class="fas vk_icon_font fa-user"></i></div></div></div>
<!-- /wp:vk-blocks/icon -->

<!-- wp:paragraph {"className":"vk_block-margin-md\u002d\u002dmargin-top"} -->
<p class="vk_block-margin-md--margin-top">↓リンクあり</p>
<!-- /wp:paragraph -->

<!-- wp:vk-blocks/icon {"iconUrl":"#"} -->
<div class="wp-block-vk-blocks-icon vk_icon"><div class="vk_icon_frame"><a href="#" class="vk_icon_link"><span class="screen-reader-text">アイコンリンク</span><div class="vk_icon_border"><i class="fas vk_icon_font fa-user"></i></div></a></div></div>
<!-- /wp:vk-blocks/icon -->

[sysbird]

今後 アイコンの色を 親に準ずる(inherit)にしようとしています
attributes.iconColor のデフォルト値を変えれば(undefined --->inherit) 変数を増やさずにいけるかな？
と考えたのですが、
素直に attributes.inherit を追加したほうがよさそうな気がしてきました