JavaScript subdependencies not reachable (importmap)

[t-hedeon]

Describe the bug
When i tried to use Tabs component it didn't work as it should (it's not interactive) and then i realized that i have a lot of errors in JS console about phlex_ui dependencies that comes from importmap

To Reproduce
Steps to reproduce the behavior:

1. Install gems:

gem "phlex-rails", "~> 1.1"
gem "phlex_ui", "~> 0.1.6"
gem 'tailwindcss-rails', "~> 2.3"

bin/rails generate phlex:install

2. Install JS part

bin/importmap pin phlex_ui

Import the package in your app/javascript/application.js file import 'phlex_ui'

3. Install Styles as it described in the docs https://phlexui.com/docs/installation/rails_importmaps
4. Copy/paste the Tabs code snippet https://phlexui.com/docs/tabs
5. Build CSS rails tailwindcss:build
6. On the page i can see styled tabs, but without content (because contents have .hidden class)

Expected behavior
Tabs should work as on the exaple

Screenshots

Desktop:

• OS: macos (Apple silicon M1)
• Browser chrome
• Version 122.0.6261.69

Additional info:
Found similar issues - rails/importmap-rails#65, rails/importmap-rails#157

seems like it broken by new update rails/importmap-rails#230 (comment)

The solution that i found to set manually compiled CDN like

pin "date-fns", to: 'https://ga.jspm.io/npm:[email protected]/index.mjs'

instead of

pin "date-fns"

[SethHorsley]

thank you for looking into this, i am trying to add better support for importmaps in rbui and found another issue lol:
rails/importmap-rails#153
and this:
rails/importmap-rails#217