1. heroicons v1 → v2

アイコンの変更。v1 と v2 は異なるアイコンと見なし、好みの方を使えば良いとある
スタイルが２つ(Outline, Solid) から３つ(+ Mini)に増えた
- Before: import { ... } from '@heroicons/react/solid'
- After: import { ... } from '@heroicons/react/24/solid' or import { ... } from '@heroicons/react/20/solid'
- Before: import { ... } from '@heroicons/react/outline'
- After: import { ... } from '@heroicons/react/24/outline'
アイコン名の変更 → 上の URL の一覧を参照

2. postcss-import v1 → v2

@import url('foo.css') layer(A) (min-width: 320px)

@media (min-width: 320px) {
  @layer A {
    /* imported styles */
  }
}