Extend Modal from "tailwindcss-stimulus-components"

modal_controller.js

import {Modal} from "tailwindcss-stimulus-components"

export default class extends Modal {
  connect(){
    this.element[this.identifier] = this
    this.toggleClass = 'hidden'
  }  

}

other_controller.js

import { Controller } from "stimulus"
export default class extends Controller {

  someFunc(event) {
    //opening the modal from outside
    document.querySelector('#subscribe-modal').modal.open({ target: event.currentTarget })
  }

}