add @iconify: safelist using @source inline()

Author: J43fura

demo/src/assets/main.css

@@ -3,6 +3,8 @@
 @import 'tailwindcss';
 @import './hanok.css';
 
+@source inline('icon-[ph--wave-{sine,sawtooth,square,triangle}{-duotone,}]');
+
 body {
   font-family: 'Roboto Mono', monospace;
   margin: 0;

demo/src/components/PlayNote.vue

@@ -39,10 +39,6 @@
       </select>
     </label>
   </div>
-
-  <!-- load icons workaround:
-    icon-[ph--wave-sine] icon-[ph--wave-sine-duotone] icon-[ph--wave-sawtooth] icon-[ph--wave-sawtooth-duotone] icon-[ph--wave-square] icon-[ph--wave-square-duotone] icon-[ph--wave-triangle] icon-[ph--wave-triangle-duotone]
-  -->
 </template>
 
 <script setup lang="ts">