I think you don't have to use global index.scss
.
How about injecting the styles into the shadow root manually?
After creating the shadow root
const styleTag = document.createElement('style'); shadowRoot.appendChild(styleTag);
Inject SCSS (compiled CSS) into the Shadow DOM
styleTag.textContent = require('./index.scss'); // Add this line
Good luck.