Yes, you can use one or the other, they just don’t play nice together. What you described is what I did in my previous post (empty tiddly, disable one then the other).
I decided to just download the icons I am using from FontAwesome directly and remove that plugin. The majority were unused and just taking up space anyway. I was using nine icons out of 1464.
@Mohammad, I’m not sure whether you’ve seen this yet, but all major browsers now support a name property of the <details> element, which lets you build accordion-like sets of details elements by giving them all the same name value. I know you shared a very slick-looking <<accordion>> macro a while back, but I think this is an even easier approach. Perhaps it’s worth adding to your <<details>> macro in your next Shiraz update?
(This post brought to you by just having edited my own copy of the plugin to make this change. 
<<details>> is great — still one of my most-used macros!)
For those are interested, the proposed feature by Emily works like below:
<details name="accordion" > <summary>Section 1</summary> <p>Content for section 1.</p> </details>
<details name="accordion" > <summary>Section 2</summary> <p>Content for section 2.</p> </details>
<details name="accordion" > <summary>Section 3</summary> <p>Content for section 3.</p> </details>
Good catch, I tested it on TiddlyWiki.com, Now with backtick attributes in tiddlywiki it may also be possible to set the name attribute programaticaly which will alter the behaviour in numerouse ways.
It would be nice if we had a mechanisium to touch the “name” in the dom as a generic support mechanisium, that would provide access to the DOM state rather than maintain a seperate one in a tiddler, and lost only on tab reload.
Note: title="popup message also works"